Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -12,23 +12,23 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="reveal-blur"
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="largeSmallSizeMediumTitles"
-      background="noise"
+      background="none"
       cardStyle="glass-elevated"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Beratlar"
+          brandName="Beratlar Kapı"
           navItems={[
             { name: "Ürünler", id: "products" },
-            { name: "Mobilya Yenileme", id: "services" },
+            { name: "Mobilya Yenileme", id: "about" },
             { name: "İletişim", id: "contact" }
           ]}
           button={{ text: "Teklif Al", href: "contact" }}
@@ -38,41 +38,70 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
-          tag="Premium Doors & Furniture"
-          title="The Art of Doors"
-          description="Handcrafted interior doors and furniture refinishing with meticulous attention to wood texture and quality finish. Experience quiet luxury and professional craftsmanship from Istanbul."
+        <HeroSplitDoubleCarousel
+          tag="Portfolio Showcase"
+          title="Explore Our Craftsmanship"
+          description="Discover our collection of handcrafted interior doors and refined furniture pieces. Each project showcases superior materials, masterful execution, and our commitment to quiet luxury."
           background={{ variant: "plain" }}
-          mediaItems={[
+          leftCarouselItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-bride-with-crown-head-wearing-stylish-peignoir-accessories-hiding-wardrobe-smiling-looking-camera-preparing-wedding-morning_8353-12223.jpg",              imageAlt: "Premium wooden door with natural oak finish"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-l6fd5rem.png?_wi=1",              imageAlt: "Premium wooden door project 1"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/blue-front-door-classic-wooden-door-apartment-entrance_169016-68121.jpg",              imageAlt: "Elegant handcrafted interior door detail"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-yufuay3m.png?_wi=1",              imageAlt: "Premium wooden door project 2"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-l6fd5rem.png?_wi=2",              imageAlt: "Premium wooden door project 3"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-yufuay3m.png?_wi=2",              imageAlt: "Premium wooden door project 4"
+            }
+          ]}
+          rightCarouselItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-58h6yxfs.png?_wi=1",              imageAlt: "Interior refinishing project 1"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-0s3qnclr.png?_wi=1",              imageAlt: "Interior refinishing project 2"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-58h6yxfs.png?_wi=2",              imageAlt: "Interior refinishing project 3"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-0s3qnclr.png?_wi=2",              imageAlt: "Interior refinishing project 4"
             }
           ]}
-          rating={5}
-          ratingText="Rated 4.8/5 - Google"
           buttons={[
-            { text: "Ürünleri Keşfet", href: "#products" },
-            { text: "Danışmanlık Talep Et", href: "#contact" }
+            { text: "Explore Our Craftsmanship", href: "#products" },
+            { text: "Schedule Consultation", href: "#contact" }
           ]}
           tagAnimation="slide-up"
           buttonAnimation="slide-up"
-          mediaAnimation="blur-reveal"
+          carouselPosition="right"
         />
       </div>
 
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
-          tag="About Beratlar"
-          title="Craftsmanship Refined"
-          description="With over a decade of expertise in premium door design and furniture refinishing, we combine traditional artistry with contemporary aesthetics. Every project reflects our commitment to excellence, attention to detail, and dedication to transforming spaces with quality and elegance."
+          tag="Hakkımızda"
+          title="İyi Bir Dokunuş"
+          description="Beratlar Kapı olarak, 30 yılı aşkın tecrübemiz
+ve sektördeki güçlü konumumuzla yaşam
+alanlarına değer katan kapılar tasarlıyor ve
+Üretiyoruz.
+Her projeye; yüksek kalite standartları,
+kişiye özel ölçü ve tasarım çözümleri,
+modern üretim teknolojileri ve çevre dostu
+yaklaşımla yaklaşıyoruz. Yurt içindeki geniş
+müşteri portföyüne ve ihracat yaptığımız
+farklı ülkelere, hizlı teslimat ve kusursuz2
+işçilik anlayışımızla güven veriyoruz.
+"
           metrics={[
-            { value: "20+", title: "Years of Expertise" },
+            { value: "30+", title: "Years of Expertise" },
             { value: "500+", title: "Completed Projects" }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/hardworking-man-doing-his-job-woodshop_23-2148970813.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773070237504-cs8un8lk.png"
           imageAlt="Master craftsman working on premium wooden door"
           mediaAnimation="blur-reveal"
           metricsAnimation="none"
@@ -86,13 +115,13 @@ export default function LandingPage() {
           description="Discover our curated selection of handcrafted interior doors and refined furniture pieces. Each item showcases superior materials and masterful execution."
           products={[
             {
-              id: "1",              name: "Natural Oak Interior Door",              price: "₺8,500",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-work-with-coffee-cup_23-2149429381.jpg",              imageAlt: "Natural oak interior door with premium finish"
+              id: "1",              name: "Natural Oak Interior Door",              price: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065927308-ahx8gr9k.png",              imageAlt: "Natural oak interior door with premium finish"
             },
             {
-              id: "2",              name: "Contemporary Glass Door",              price: "₺12,000",              imageSrc: "http://img.b2bpic.net/free-photo/shadoe-background-dark-design-light-object_53876-16478.jpg",              imageAlt: "Contemporary door with glass panel detail"
+              id: "2",              name: "Contemporary Glass Door",              price: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065951774-nil0e94o.png",              imageAlt: "Contemporary door with glass panel detail"
             },
             {
-              id: "3",              name: "Custom Walnut Door",              price: "₺15,000",              imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13062.jpg",              imageAlt: "Custom walnut door with artisan finish"
+              id: "3",              name: "Custom Walnut Door",              price: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065958873-5fncu5po.png",              imageAlt: "Custom walnut door with artisan finish"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -156,14 +185,14 @@ export default function LandingPage() {
               title: "Navigation",              items: [
                 { label: "Home", href: "/" },
                 { label: "Products", href: "#products" },
-                { label: "Services", href: "#services" },
+                { label: "Services", href: "#about" },
                 { label: "Contact", href: "#contact" }
               ]
             },
             {
               title: "Services",              items: [
                 { label: "Interior Doors", href: "#products" },
-                { label: "Furniture Refinishing", href: "#services" },
+                { label: "Furniture Refinishing", href: "#about" },
                 { label: "Custom Design", href: "#contact" },
                 { label: "Installation", href: "#contact" }
               ]

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-playfair-display), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
-  --card: #f7f2ea;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #faf8f4;
+  --card: #f5f1eb;
+  --foreground: #3a3330;
+  --primary-cta: #5a4a42;
   --primary-cta-text: #efebe5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f5f1eb;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #c9a876;
+  --background-accent: #e8dcc8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);