Update src/app/page.tsx
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -16,23 +16,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Ana Sayfa",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Ana Sayfa", id: "#hero"},
|
||||
{
|
||||
name: "Özellikler",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Özellikler", id: "#features"},
|
||||
{
|
||||
name: "İletişim",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "İletişim", id: "#contact"},
|
||||
]}
|
||||
brandName="Precast Flow"
|
||||
/>
|
||||
@@ -41,103 +42,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Prefabrik Üretiminde Dijital Akış"
|
||||
description="Precast Flow, teklif sürecinden şantiyeye kadar uçtan uca üretim izlenebilirliği sağlar. Dağınık veriyi tek bir çatıda birleştirin, operasyonel verimliliğinizi artırın."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-photovoltaics-factory-using-vr-headset-diagnose-systems_482257-118175.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technical-plan-drawing-laptop_23-2148393168.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-development-office-solar-panels-manufacturing-plant_482257-119600.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-photovoltaics-factory-using-vr-headset-diagnose-systems_482257-118175.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technical-plan-drawing-laptop_23-2148393168.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/research-development-office-solar-panels-manufacturing-plant_482257-119600.jpg", imageAlt: "dashboard" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-working-with-virtual-3d-projection_651396-970.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-solar-panel-facility-reviews-photovoltaic-system-performance-using-vr_482257-125203.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
|
||||
imageAlt: "dashboard",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architect-working-with-virtual-3d-projection_651396-970.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-solar-panel-facility-reviews-photovoltaic-system-performance-using-vr_482257-125203.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg", imageAlt: "dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "dashboard" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-mask_23-2148902598.jpg",
|
||||
alt: "Engineer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-face-mask-job_23-2148902549.jpg",
|
||||
alt: "Engineer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148902543.jpg",
|
||||
alt: "Engineer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589585.jpg",
|
||||
alt: "Engineer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-construction-engineer-holding-tablet_23-2148233672.jpg",
|
||||
alt: "Engineer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-mask_23-2148902598.jpg", alt: "Engineer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-wearing-face-mask-job_23-2148902549.jpg", alt: "Engineer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148902543.jpg", alt: "Engineer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589585.jpg", alt: "Engineer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-construction-engineer-holding-tablet_23-2148233672.jpg", alt: "Engineer 5" }
|
||||
]}
|
||||
avatarText="Endüstri profesyonellerinin tercihi"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/network-concept-with-notebooks_23-2148999177.jpg",
|
||||
alt: "Tech",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/network-concept-with-sticks-flat-lay_23-2148999159.jpg",
|
||||
alt: "Network",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/connected-blocks-with-people-icons-networking-recruitment-human-resources-blockchain-concept_2100-1026.jpg",
|
||||
alt: "Blockchain",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/conceptual-business-illustration-with-pink-pastel-blocks-icons_2100-495.jpg",
|
||||
alt: "Analytics",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440920.jpg",
|
||||
alt: "Tools",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/network-concept-with-notebooks_23-2148999177.jpg", alt: "Tech" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/network-concept-with-sticks-flat-lay_23-2148999159.jpg", alt: "Network" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/connected-blocks-with-people-icons-networking-recruitment-human-resources-blockchain-concept_2100-1026.jpg", alt: "Blockchain" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/conceptual-business-illustration-with-pink-pastel-blocks-icons_2100-495.jpg", alt: "Analytics" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440920.jpg", alt: "Tools" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,24 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Birim İş Kuyruğu",
|
||||
description: "Atanmış görevler ve birimler arası koordinasyon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-programming-solar-manufacturing-machinery-closeup_482257-117810.jpg",
|
||||
imageAlt: "work-queue",
|
||||
},
|
||||
{
|
||||
title: "CRM & Teklif",
|
||||
description: "Versiyonlu teklifler ve müşteri ilişkileri.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
imageAlt: "crm",
|
||||
},
|
||||
{
|
||||
title: "Proje Yönetimi",
|
||||
description: "Zaman çizelgeleri ve proje yaşam döngüsü.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124287.jpg",
|
||||
imageAlt: "project",
|
||||
},
|
||||
{ title: "Birim İş Kuyruğu", description: "Atanmış görevler ve birimler arası koordinasyon.", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-programming-solar-manufacturing-machinery-closeup_482257-117810.jpg", imageAlt: "work-queue" },
|
||||
{ title: "CRM & Teklif", description: "Versiyonlu teklifler ve müşteri ilişkileri.", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "crm" },
|
||||
{ title: "Proje Yönetimi", description: "Zaman çizelgeleri ve proje yaşam döngüsü.", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124287.jpg", imageAlt: "project" }
|
||||
]}
|
||||
title="Planlama ve İş Akışı"
|
||||
description="Proje, satış ve üretim planlama süreçlerinizi birbirine bağlayan merkezî bir yapı."
|
||||
@@ -183,24 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tanımlar Merkezi",
|
||||
description: "Tüm ürün tanımlarının tek merkezi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet_482257-125946.jpg",
|
||||
imageAlt: "data",
|
||||
},
|
||||
{
|
||||
title: "IFC Entegrasyonu",
|
||||
description: "Eleman isimlendirme ve IFC aktarımı.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749870.jpg",
|
||||
imageAlt: "ifc",
|
||||
},
|
||||
{
|
||||
title: "Malzeme Kataloğu",
|
||||
description: "Standart seri ürün kütüphanesi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-points-breakers-reads-tablet-schematic-digital-twin_169016-71403.jpg",
|
||||
imageAlt: "catalog",
|
||||
},
|
||||
{ title: "Tanımlar Merkezi", description: "Tüm ürün tanımlarının tek merkezi.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet_482257-125946.jpg", imageAlt: "data" },
|
||||
{ title: "IFC Entegrasyonu", description: "Eleman isimlendirme ve IFC aktarımı.", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749870.jpg", imageAlt: "ifc" },
|
||||
{ title: "Malzeme Kataloğu", description: "Standart seri ürün kütüphanesi.", imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-points-breakers-reads-tablet-schematic-digital-twin_169016-71403.jpg", imageAlt: "catalog" }
|
||||
]}
|
||||
title="Veri Standardizasyonu"
|
||||
description="Ürün tanımlarınızda tutarlılık ve dijital kimlik."
|
||||
@@ -212,24 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Üretim & MES",
|
||||
description: "Üretim emirleri ve kalıp planlama.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-optimizing-manufacture-robot-arm-conveyor-belt_482257-126835.jpg",
|
||||
imageAlt: "mes",
|
||||
},
|
||||
{
|
||||
title: "Kalite Süreçleri",
|
||||
description: "Numune takibi ve raporlama.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-creating-solar-panel-cad-models_482257-120362.jpg",
|
||||
imageAlt: "quality",
|
||||
},
|
||||
{
|
||||
title: "Lojistik & Yard",
|
||||
description: "Depolama ve sevkiyat yönetimi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg",
|
||||
imageAlt: "logistics",
|
||||
},
|
||||
{ title: "Üretim & MES", description: "Üretim emirleri ve kalıp planlama.", imageSrc: "http://img.b2bpic.net/free-photo/engineers-optimizing-manufacture-robot-arm-conveyor-belt_482257-126835.jpg", imageAlt: "mes" },
|
||||
{ title: "Kalite Süreçleri", description: "Numune takibi ve raporlama.", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-creating-solar-panel-cad-models_482257-120362.jpg", imageAlt: "quality" },
|
||||
{ title: "Lojistik & Yard", description: "Depolama ve sevkiyat yönetimi.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg", imageAlt: "logistics" }
|
||||
]}
|
||||
title="Üretim ve Operasyon"
|
||||
description="Saha operasyonlarından sevkiyata entegre izlenebilirlik."
|
||||
@@ -241,24 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Onay Akışları",
|
||||
description: "Hiyerarşik süreç tasarımları.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
imageAlt: "approval",
|
||||
},
|
||||
{
|
||||
title: "Roller ve İzinler",
|
||||
description: "Rol bazlı erişim güvenliği.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-holographic-tablet_1112-647.jpg",
|
||||
imageAlt: "roles",
|
||||
},
|
||||
{
|
||||
title: "Sistem Yönetimi",
|
||||
description: "Kurumsal hesap yönetimi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038403.jpg",
|
||||
imageAlt: "admin",
|
||||
},
|
||||
{ title: "Onay Akışları", description: "Hiyerarşik süreç tasarımları.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "approval" },
|
||||
{ title: "Roller ve İzinler", description: "Rol bazlı erişim güvenliği.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-holographic-tablet_1112-647.jpg", imageAlt: "roles" },
|
||||
{ title: "Sistem Yönetimi", description: "Kurumsal hesap yönetimi.", imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038403.jpg", imageAlt: "admin" }
|
||||
]}
|
||||
title="Yönetim ve Güvenlik"
|
||||
description="Kurumsal yapınıza tam uyum sağlayan yetkilendirme."
|
||||
@@ -270,21 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ürün geliştirilme aşamasında mı?",
|
||||
content: "Evet, saha operasyonları ve sevkiyat gibi vizyon modülleri sürekli gelişim ve prototip aşamasındadır.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Entegrasyon sunuyor musunuz?",
|
||||
content: "Modern API altyapımızla süreçlerinizi bağlamayı hedefliyoruz.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Demo süreci nasıl işler?",
|
||||
content: "İhtiyaç analizinize göre demo ortamı planlayabiliriz.",
|
||||
},
|
||||
{ id: "1", title: "Ürün geliştirilme aşamasında mı?", content: "Evet, saha operasyonları ve sevkiyat gibi vizyon modülleri sürekli gelişim ve prototip aşamasındadır." },
|
||||
{ id: "2", title: "Entegrasyon sunuyor musunuz?", content: "Modern API altyapımızla süreçlerinizi bağlamayı hedefliyoruz." },
|
||||
{ id: "3", title: "Demo süreci nasıl işler?", content: "İhtiyaç analizinize göre demo ortamı planlayabiliriz." }
|
||||
]}
|
||||
title="Sıkça Sorulanlar"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -296,8 +159,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="İletişim"
|
||||
title="Daha Fazla Bilgi İçin"
|
||||
description="Precast Flow ile tanışmak ve demo talebi oluşturmak için bize yazın."
|
||||
@@ -308,31 +170,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Çözümler",
|
||||
items: [
|
||||
{
|
||||
label: "Planlama",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Üretim",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Çözümler", items: [
|
||||
{ label: "Planlama", href: "#" },
|
||||
{ label: "Üretim", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kurumsal",
|
||||
items: [
|
||||
{
|
||||
label: "Hakkımızda",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "İletişim",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Kurumsal", items: [
|
||||
{ label: "Hakkımızda", href: "#" },
|
||||
{ label: "İletişim", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Precast Flow"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user