Skip to content

comm #175

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

comm #175

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 11 additions & 23 deletions components/cta.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,30 +23,18 @@ export default function Cta() {
className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-8 font-nacelle text-3xl font-semibold text-transparent md:text-4xl"
data-aos="fade-up"
>
Join the content-first platform
Bize Ulaşın
</h2>
<div className="mx-auto max-w-xs sm:flex sm:max-w-none sm:justify-center">
<div data-aos="fade-up" data-aos-delay={400}>
<a
className="btn group mb-4 w-full bg-linear-to-t from-indigo-600 to-indigo-500 bg-[length:100%_100%] bg-[bottom] text-white shadow-[inset_0px_1px_0px_0px_--theme(--color-white/.16)] hover:bg-[length:100%_150%] sm:mb-0 sm:w-auto"
href="#0"
>
<span className="relative inline-flex items-center">
Start Building
<span className="ml-1 tracking-normal text-white/50 transition-transform group-hover:translate-x-0.5">
-&gt;
</span>
</span>
</a>
</div>
<div data-aos="fade-up" data-aos-delay={600}>
<a
className="btn relative w-full bg-linear-to-b from-gray-800 to-gray-800/60 bg-[length:100%_100%] bg-[bottom] text-gray-300 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-[length:100%_150%] sm:ml-4 sm:w-auto"
href="#0"
>
Schedule Demo
</a>
</div>
<div className="mx-auto max-w-xs sm:max-w-none">
<p className="text-gray-300 text-lg mb-2" data-aos="fade-up" data-aos-delay={400}>
📧 Email: <a href="mailto:[email protected]" className="text-indigo-400 hover:text-indigo-500">[email protected]</a>
</p>
<p className="text-gray-300 text-lg mb-2" data-aos="fade-up" data-aos-delay={500}>
📞 Telefon: <a href="tel:+901234567890" className="text-indigo-400 hover:text-indigo-500">+90 123 456 7890</a>
</p>
<p className="text-gray-300 text-lg" data-aos="fade-up" data-aos-delay={600}>
🏢 Addres: Prime Quality Services, Kocaeli, Turkey
</p>
</div>
</div>
</div>
Expand Down
130 changes: 41 additions & 89 deletions components/features.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import FeaturesImage from "@/public/images/features.png";
export default function Features() {
return (
<section className="relative">
{/* Arka plan şekilleri */}
<div
className="pointer-events-none absolute left-1/2 top-0 -z-10 -mt-20 -translate-x-1/2"
aria-hidden="true"
Expand All @@ -15,7 +16,7 @@ export default function Features() {
src={BlurredShapeGray}
width={760}
height={668}
alt="Blurred shape"
alt="Bulanık şekil"
/>
</div>
<div
Expand All @@ -27,164 +28,115 @@ export default function Features() {
src={BlurredShape}
width={760}
height={668}
alt="Blurred shape"
alt="Bulanık şekil"
/>
</div>

<div className="mx-auto max-w-6xl px-4 sm:px-6">
<div className="border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20">
{/* Section header */}
{/* Bölüm başlığı */}
<div className="mx-auto max-w-3xl pb-4 text-center md:pb-12">
<div className="inline-flex items-center gap-3 pb-3 before:h-px before:w-8 before:bg-linear-to-r before:from-transparent before:to-indigo-200/50 after:h-px after:w-8 after:bg-linear-to-l after:from-transparent after:to-indigo-200/50">
<span className="inline-flex bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
Advanced Controls
Gelişmiş Kontroller
</span>
</div>
<h2 className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl">
Built for modern product teams
Modern Ürün Ekipleri İçin Tasarlandı
</h2>
<p className="text-lg text-indigo-200/65">
Open AI reads and understands your files, and with nothing more
than a single line of feedback, so you can go further than the
speed of thought.
Prime Quality Services, ürünlerinizin her aşamasını takip eder ve tek bir geri bildirimle kaliteyi en üst seviyeye taşır.
</p>
</div>

{/* Görsel */}
<div className="flex justify-center pb-4 md:pb-12" data-aos="fade-up">
<Image
className="max-w-none"
src={FeaturesImage}
width={1104}
height={384}
alt="Features"
alt="Özellikler"
/>
</div>
{/* Items */}

{/* Özellikler */}
<div className="mx-auto grid max-w-sm gap-12 sm:max-w-none sm:grid-cols-2 md:gap-x-14 md:gap-y-16 lg:grid-cols-3">
<article>
<svg
className="mb-3 fill-indigo-500"
xmlns="http://www.w3.org/2000/svg"
width={24}
height={24}
>
<svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
<path d="M0 0h14v17H0V0Zm2 2v13h10V2H2Z" />
<path
fillOpacity=".48"
d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93 11.585 3.132 3.392-12.55-5.597-1.514.522-1.93Z"
/>
<path fillOpacity=".48" d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93 11.585 3.132 3.392-12.55-5.597-1.514.522-1.93Z" />
</svg>
<h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
Project Milestones
Proje Aşamaları
</h3>
<p className="text-indigo-200/65">
Track progress across custom flows for your team. Find the right
balance for the user, privacy and security.
Takımınızın her adımını izleyin ve süreçleri optimize edin. Kullanıcı ve güvenlik dengesi her zaman ön planda.
</p>
</article>

<article>
<svg
className="mb-3 fill-indigo-500"
xmlns="http://www.w3.org/2000/svg"
width={24}
height={24}
>
<svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
<path fillOpacity=".48" d="M7 8V0H5v8h2Zm12 16v-4h-2v4h2Z" />
<path d="M19 6H0v2h17v8H7v-6H5v8h19v-2h-5V6Z" />
</svg>
<h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
Team Views
Takım Görünümleri
</h3>
<p className="text-indigo-200/65">
Track progress across custom flows for your team. Find the right
balance for the user, privacy and security.
Proje ilerlemesini takım bazlı takip edin ve herkesin görevlerini net şekilde görün.
</p>
</article>

<article>
<svg
className="mb-3 fill-indigo-500"
xmlns="http://www.w3.org/2000/svg"
width={24}
height={24}
>
<svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
<path d="M23.414 6 18 .586 16.586 2l3 3H7a6 6 0 0 0-6 6h2a4 4 0 0 1 4-4h12.586l-3 3L18 11.414 23.414 6Z" />
<path
fillOpacity=".48"
d="M13.01 12.508a2.5 2.5 0 0 0-3.502.482L1.797 23.16.203 21.952l7.71-10.17a4.5 4.5 0 1 1 7.172 5.437l-4.84 6.386-1.594-1.209 4.841-6.385a2.5 2.5 0 0 0-.482-3.503Z"
/>
<path fillOpacity=".48" d="M13.01 12.508a2.5 2.5 0 0 0-3.502.482L1.797 23.16.203 21.952l7.71-10.17a4.5 4.5 0 1 1 7.172 5.437l-4.84 6.386-1.594-1.209 4.841-6.385a2.5 2.5 0 0 0-.482-3.503Z" />
</svg>
<h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
Advanced Search
Gelişmiş Arama
</h3>
<p className="text-indigo-200/65">
Track progress across custom flows for your team. Find the right
balance for the user, privacy and security.
Ürünleriniz ve süreçleriniz arasında hızlı ve doğru aramalar yaparak zaman kazanın.
</p>
</article>

<article>
<svg
className="mb-3 fill-indigo-500"
xmlns="http://www.w3.org/2000/svg"
width={24}
height={24}
>
<path
fillOpacity=".48"
d="m3.031 9.05-.593-.805 1.609-1.187.594.804a6.966 6.966 0 0 1 0 8.276l-.594.805-1.61-1.188.594-.805a4.966 4.966 0 0 0 0-5.9Z"
/>
<svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
<path fillOpacity=".48" d="m3.031 9.05-.593-.805 1.609-1.187.594.804a6.966 6.966 0 0 1 0 8.276l-.594.805-1.61-1.188.594-.805a4.966 4.966 0 0 0 0-5.9Z" />
<path d="m7.456 6.676-.535-.845 1.69-1.07.534.844a11.944 11.944 0 0 1 0 12.789l-.535.845-1.69-1.071.536-.845a9.944 9.944 0 0 0 0-10.647Z" />
<path
d="m11.888 4.35-.514-.858 1.717-1.027.513.858a16.9 16.9 0 0 1 2.4 8.677 16.9 16.9 0 0 1-2.4 8.676l-.513.859-1.717-1.028.514-.858A14.9 14.9 0 0 0 14.003 12a14.9 14.9 0 0 0-2.115-7.65Z"
opacity=".48"
/>
<path d="m16.321 2-.5-.866 1.733-1 .5.866A22 22 0 0 1 21 12c0 3.852-1.017 7.636-2.948 10.97l-.502.865-1.73-1.003.501-.865A19.878 19.878 0 0 0 19 12a20 20 0 0 0-2.679-10Z" />
</svg>
<h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
Strategic Initiatives
Stratejik Girişimler
</h3>
<p className="text-indigo-200/65">
Track progress across custom flows for your team. Find the right
balance for the user, privacy and security.
İş akışlarını stratejik bir şekilde planlayın ve kaliteyi her aşamada kontrol edin.
</p>
</article>

<article>
<svg
className="mb-3 fill-indigo-500"
xmlns="http://www.w3.org/2000/svg"
width={24}
height={24}
>
<path
fillOpacity=".48"
d="M12 8.8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z"
/>
<svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
<path fillOpacity=".48" d="M12 8.8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z" />
<path d="m7.454 2.891.891-.454L7.437.655l-.891.454a12 12 0 0 0 0 21.382l.89.454.91-1.781-.892-.455a10 10 0 0 1 0-17.818ZM17.456 1.11l-.891-.454-.909 1.782.891.454a10 10 0 0 1 0 17.819l-.89.454.908 1.781.89-.454a12 12 0 0 0 0-21.382Z" />
</svg>
<h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
Flexible Workflows
Esnek İş Akışları
</h3>
<p className="text-indigo-200/65">
Track progress across custom flows for your team. Find the right
balance for the user, privacy and security.
İş akışlarınızı ekibinize ve projelerinize uygun şekilde özelleştirin.
</p>
</article>

<article>
<svg
className="mb-3 fill-indigo-500"
xmlns="http://www.w3.org/2000/svg"
width={24}
height={24}
>
<path
fillOpacity=".48"
d="M19 8h5v2h-5V8Zm-4 5h9v2h-9v-2Zm9 5H11v2h13v-2Z"
/>
<svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
<path fillOpacity=".48" d="M19 8h5v2h-5V8Zm-4 5h9v2h-9v-2Zm9 5H11v2h13v-2Z" />
<path d="M19.406 3.844 6.083 20.497.586 15 2 13.586l3.917 3.917L17.844 2.595l1.562 1.25Z" />
</svg>
<h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
Unified Timeline
Birleşik Zaman Çizelgesi
</h3>
<p className="text-indigo-200/65">
Track progress across custom flows for your team. Find the right
balance for the user, privacy and security.
Tüm proje ve süreçleriniz için tek bir zaman çizelgesi üzerinden kontrol ve takip sağlayın.
</p>
</article>
</div>
Expand Down
50 changes: 23 additions & 27 deletions components/hero-home.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,64 +1,60 @@
import VideoThumb from "@/public/images/hero-image-01.jpg";
import ModalVideo from "@/components/modal-video";

export default function HeroHome() {
return (
<section>
<div className="mx-auto max-w-6xl px-4 sm:px-6">
{/* Hero content */}
<div className="py-12 md:py-20">
<div className="py-16 md:py-28">
{/* Section header */}
<div className="pb-12 text-center md:pb-20">
<h1
className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-5 font-nacelle text-4xl font-semibold text-transparent md:text-5xl"
className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-indigo-300),var(--color-indigo-500),var(--color-indigo-200),var(--color-indigo-400),var(--color-indigo-300))] bg-[length:200%_auto] bg-clip-text pb-5 font-nacelle text-4xl font-bold text-transparent md:text-6xl"
data-aos="fade-up"
>
AI-driven tools for product teams
Prime Quality Services
</h1>
<div className="mx-auto max-w-3xl">
<p
className="mb-8 text-xl text-indigo-200/65"
className="mb-10 text-lg md:text-xl text-gray-300/80 leading-relaxed"
data-aos="fade-up"
data-aos-delay={200}
>
Our landing page template works on all devices, so you only have
to set it up once, and get beautiful results forever.
Kalite kontrol süreçlerinde güvenilir ortağınız.
Deneyim, doğruluk ve verimlilikle işinizi prime seviyeye taşıyoruz.
</p>
<div className="mx-auto max-w-xs sm:flex sm:max-w-none sm:justify-center">
<div className="mx-auto max-w-xs sm:flex sm:max-w-none sm:justify-center gap-4">
<div data-aos="fade-up" data-aos-delay={400}>
<a
className="btn group mb-4 w-full bg-linear-to-t from-indigo-600 to-indigo-500 bg-[length:100%_100%] bg-[bottom] text-white shadow-[inset_0px_1px_0px_0px_--theme(--color-white/.16)] hover:bg-[length:100%_150%] sm:mb-0 sm:w-auto"
href="#0"
className="btn group mb-4 w-full bg-gradient-to-r from-indigo-600 to-indigo-500 text-white shadow-lg hover:from-indigo-700 hover:to-indigo-600 sm:mb-0 sm:w-auto"
href="#hizmetler"
>
<span className="relative inline-flex items-center">
Start Building
<span className="ml-1 tracking-normal text-white/50 transition-transform group-hover:translate-x-0.5">
-&gt;
Hizmetlerimizi Keşfet
<span className="ml-2 tracking-normal text-white/70 transition-transform group-hover:translate-x-1">
→
</span>
</span>
</a>
</div>
<div data-aos="fade-up" data-aos-delay={600}>
<a
className="btn relative w-full bg-linear-to-b from-gray-800 to-gray-800/60 bg-[length:100%_100%] bg-[bottom] text-gray-300 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-[length:100%_150%] sm:ml-4 sm:w-auto"
href="#0"
className="btn w-full bg-gray-800 text-gray-300 border border-gray-600 hover:bg-gray-700 sm:w-auto"
href="#iletisim"
>
Schedule Demo
Bizimle İletişime Geç
</a>
</div>
</div>
</div>
</div>

<ModalVideo
thumb={VideoThumb}
thumbWidth={1104}
thumbHeight={576}
thumbAlt="Modal video thumbnail"
video="videos//video.mp4"
videoWidth={1920}
videoHeight={1080}
/>
{/* Görsel alan (örn. kaliteye dair bir hero görseli) */}
<div className="flex justify-center" data-aos="fade-up" data-aos-delay={800}>
<img
className="rounded-2xl shadow-2xl max-h-[400px] object-cover"
src="/images/quality-team.jpg"
alt="Prime Quality Services ekibi"
/>
</div>
</div>
</div>
</section>
Expand Down
Loading