192 lines
11 KiB
TypeScript
192 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
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: "Özellikler", id: "#features"},
|
||
{
|
||
name: "İletişim", id: "#contact"},
|
||
]}
|
||
brandName="Precast Flow"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
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" }
|
||
]}
|
||
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" }
|
||
]}
|
||
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" }
|
||
]}
|
||
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" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="values" data-section="values">
|
||
<TextAbout
|
||
useInvertedBackground={false}
|
||
title="Neden Precast Flow?"
|
||
/>
|
||
</div>
|
||
|
||
<div id="planlama" data-section="planlama">
|
||
<FeatureCardSix
|
||
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="Planlama ve İş Akışı"
|
||
description="Proje, satış ve üretim planlama süreçlerinizi birbirine bağlayan merkezî bir yapı."
|
||
/>
|
||
</div>
|
||
|
||
<div id="data" data-section="data">
|
||
<FeatureCardSix
|
||
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="Veri Standardizasyonu"
|
||
description="Ürün tanımlarınızda tutarlılık ve dijital kimlik."
|
||
/>
|
||
</div>
|
||
|
||
<div id="production" data-section="production">
|
||
<FeatureCardSix
|
||
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 ve Operasyon"
|
||
description="Saha operasyonlarından sevkiyata entegre izlenebilirlik."
|
||
/>
|
||
</div>
|
||
|
||
<div id="management" data-section="management">
|
||
<FeatureCardSix
|
||
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="Yönetim ve Güvenlik"
|
||
description="Kurumsal yapınıza tam uyum sağlayan yetkilendirme."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
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." }
|
||
]}
|
||
title="Sıkça Sorulanlar"
|
||
faqsAnimation="slide-up"
|
||
description="Precast Flow hakkındaki temel sorularınız."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
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."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Çözümler", items: [
|
||
{ label: "Planlama", href: "#" },
|
||
{ label: "Üretim", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Kurumsal", items: [
|
||
{ label: "Hakkımızda", href: "#" },
|
||
{ label: "İletişim", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
logoText="Precast Flow"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|