Merge version_3 into main #3
349
src/app/page.tsx
349
src/app/page.tsx
@@ -2,17 +2,19 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, CheckCircle, Globe } from "lucide-react";
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,227 +31,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Anasayfa", id: "hero"},
|
||||
{
|
||||
name: "Ürünler", id: "products"},
|
||||
{
|
||||
name: "Teknik Destek", id: "features"},
|
||||
{
|
||||
name: "İletişim", id: "contact"},
|
||||
]}
|
||||
brandName="Polymen"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[]}
|
||||
brandName="Polymen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="İleri Teknoloji Yapı Kimyasalları"
|
||||
description="Global standartlarda su yalıtımı ve yapı kimyasalları ile yapılarınızın ömrünü uzatıyoruz. Mühendislik odaklı çözümlerle, dayanıklılıkta sınırları zorlayın."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kataloğumuzu İnceleyin", href: "#products"},
|
||||
{
|
||||
text: "Teknik Destek Alın", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plastic-boat-boy-raincoat_23-2148597882.jpg"
|
||||
imageAlt="industrial construction chemical solution"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15090.jpg", alt: "Construction technicians are mixing cement"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/urban-wall-surface_23-2148107040.jpg", alt: "Urban wall surface"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15268.jpg", alt: "Photo of wall texture pattern"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13947.jpg", alt: "Photo of metal texture pattern"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-representation-water-bottle_23-2151048099.jpg", alt: "Futuristic water bottle representation"},
|
||||
]}
|
||||
avatarText="15+ Yıllık Sektörel Uzmanlık"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Su Yalıtımı"},
|
||||
{
|
||||
type: "text", text: "Beton Katkıları"},
|
||||
{
|
||||
type: "text", text: "Endüstriyel Kaplama"},
|
||||
{
|
||||
type: "text", text: "Harç ve Grout Çözümleri"},
|
||||
{
|
||||
type: "text", text: "Global Standartlar"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Polymen | İleri Teknoloji Yapı Kimyasalları"
|
||||
description="Global standartlarda su yalıtımı ve yapı kimyasalları."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plastic-boat-boy-raincoat_23-2148597882.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15090.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Mühendislik Harikası Çözümler"
|
||||
description={[
|
||||
"Polymen olarak, yapı kimyasalları sektöründe dünya çapında kabul gören Master Builders ve BASF gibi devlerin teknik disiplinini yerli üretim gücüyle birleştiriyoruz.", "Sürdürülebilir, dayanıklı ve yüksek performanslı su yalıtım sistemlerimizle, geleceğin yapılarını bugünden inşa ediyoruz. Uluslararası sertifikasyon süreçlerimizle kaliteyi standart haline getirdik."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="Mühendislik Harikası Çözümler"
|
||||
description={["Sektörel disiplinle yerli üretim gücünü birleştiriyoruz.", "Sürdürülebilir ve yüksek performanslı su yalıtım sistemleri."]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "PolySeal Advanced", price: "Teknik Veri Mevcut", variant: "Su Yalıtımı", imageSrc: "http://img.b2bpic.net/free-photo/3d-covid19-vaccine-arrangement_23-2148963969.jpg"},
|
||||
{
|
||||
id: "p2", name: "ConcreteBond Pro", price: "Teknik Veri Mevcut", variant: "Katkı", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-protective-glasses-medical-mask_23-2148773473.jpg"},
|
||||
{
|
||||
id: "p3", name: "EpoxyShield M", price: "Teknik Veri Mevcut", variant: "Zemin", imageSrc: "http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141925.jpg"},
|
||||
{
|
||||
id: "p4", name: "MortarFlex", price: "Teknik Veri Mevcut", variant: "Harç", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-makes-pottery-workshop_1157-24753.jpg"},
|
||||
{
|
||||
id: "p5", name: "SurfacePro", price: "Teknik Veri Mevcut", variant: "Kaplama", imageSrc: "http://img.b2bpic.net/free-photo/front-view-garbage-plastic-bottle_23-2148393484.jpg"},
|
||||
{
|
||||
id: "p6", name: "GroutReinforce", price: "Teknik Veri Mevcut", variant: "Derz", imageSrc: "http://img.b2bpic.net/free-photo/green-hygiene-clean-gel-texture_23-2148758751.jpg"},
|
||||
]}
|
||||
title="Ürün Kategorilerimiz"
|
||||
description="Endüstriyel, konut ve altyapı projeleriniz için özel olarak formüle edilmiş yüksek performanslı ürün gamımız."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Neden Polymen?"
|
||||
description="Sektörel devlerle rekabet eden teknik yetkinliğimiz."
|
||||
features={[]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Uluslararası Kalite", descriptions: [
|
||||
"Tüm ürünlerimiz global SGS standartlarına uygun olarak üretilmektedir."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-oil-painting-tubes_23-2149630042.jpg"},
|
||||
{
|
||||
id: "f2", title: "Sürdürülebilirlik", descriptions: [
|
||||
"Çevre dostu formüllerle karbon ayak izini minimize eden üretim teknolojisi."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-renovating-house-concept_53876-20676.jpg"},
|
||||
{
|
||||
id: "f3", title: "Uzman Mühendislik", descriptions: [
|
||||
"Proje bazlı teknik analizler ve uygulamalı saha desteği."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-car-door_23-2149714300.jpg"},
|
||||
]}
|
||||
title="Neden Polymen?"
|
||||
description="Sektörel devlerle rekabet eden teknik yetkinliğimiz ve AR-GE odaklı üretimimiz ile projelerinize değer katıyoruz."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Ürün Kategorilerimiz"
|
||||
description="Endüstriyel, konut ve altyapı projeleri için özel çözümler."
|
||||
products={[]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15+", title: "Yıllık Deneyim", description: "Sektörel bilgi birikimi", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "500+", title: "Tamamlanan Proje", description: "Başarıyla tamamlanan altyapı işleri", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "20+", title: "Ülke", description: "Global ihracat ağımız", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Başarı Göstergelerimiz"
|
||||
description="Verilerle kanıtlanmış güven ve mühendislik başarısı."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Başarı Göstergelerimiz"
|
||||
description="Verilerle kanıtlanmış güven ve mühendislik başarısı."
|
||||
metrics={[]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"MasterBuild", "ConstructGlobal", "MegaStructure", "GeoFix", "ArchDesign", "GlobalBuild", "TecBuild"]}
|
||||
title="Çözüm Ortaklarımız"
|
||||
description="Sektörün önde gelen mimarlık ve mühendislik firmaları ile çözüm ortaklığı yapıyoruz."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Uzman Kadromuz"
|
||||
description="Projelerinizi hayata geçiren deneyimli teknik ekip."
|
||||
members={[]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Ürünlerin teknik dökümanlarını nereden alabilirim?", content: "Ürün sayfalarımızdaki 'TDS' butonları ile güncel teknik dökümanlara anında ulaşabilirsiniz."},
|
||||
{
|
||||
id: "q2", title: "Uygulama desteği veriyor musunuz?", content: "Evet, teknik ekiplerimiz saha ziyaretleri ile uygulama rehberliği sağlamaktadır."},
|
||||
{
|
||||
id: "q3", title: "Global gönderim imkanınız var mı?", content: "20'den fazla ülkeye lojistik ağımızla aktif sevkiyat gerçekleştirmekteyiz."},
|
||||
]}
|
||||
title="Teknik Destek ve SSS"
|
||||
description="Sıkça sorulan sorularla projelerinizdeki teknik belirsizlikleri gideriyoruz."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
title="Müşterilerimizden Yorumlar"
|
||||
description="Polymen ile çalışmanın deneyimi."
|
||||
testimonials={[]}
|
||||
textboxLayout="split"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Projeleriniz için teknik destek almak veya global çözüm ortaklığı sürecini başlatmak ister misiniz? Uzman mühendislerimiz size yardımcı olmaya hazır."
|
||||
buttons={[
|
||||
{
|
||||
text: "Şimdi Destek Al", href: "#"},
|
||||
{
|
||||
text: "Partnerlik Başlat", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="SSS"
|
||||
description="Sıkça sorulan sorular."
|
||||
faqs={[]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Ürünler", href: "#products"},
|
||||
{
|
||||
label: "TDS Dökümanları", href: "#"},
|
||||
{
|
||||
label: "Hakkımızda", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Teknik Destek", href: "#"},
|
||||
{
|
||||
label: "Kariyer", href: "#"},
|
||||
{
|
||||
label: "İletişim", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "KVKK", href: "#"},
|
||||
{
|
||||
label: "Sertifikalar", href: "#"},
|
||||
{
|
||||
label: "Global", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Polymen"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="İletişime Geçin"
|
||||
description="Teknik destek veya partnerlik için formu doldurun."
|
||||
inputs={[]}
|
||||
buttonText="Şimdi Destek Al"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["Partner A", "Partner B"]}
|
||||
title="Çözüm Ortaklarımız"
|
||||
description="Sektörün önde gelen firmalarıyla iş birliği."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Polymen"
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-simple" data-section="footer-simple">
|
||||
<FooterSimple
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user