From ecfa0e8176504cc45759b9d8a63cdca99850d560 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 13:59:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 289 ++++++++++++++---------------------------------
 1 file changed, 87 insertions(+), 202 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index aea7c29..4228784 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Building } from "lucide-react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import TextAbout from '@/components/sections/about/TextAbout';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Building2, HardHat, Ruler } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,215 +28,100 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
+  <div id="nav">
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Projects",          id: "#projects"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Projects", id: "#projects" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Kaya Mimarlik"
     />
   </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "rotated-rays-static"}}
-      title="Elevating Architecture in Baku"
-      description="Kaya Mimarlik combines modern design aesthetics with sustainable engineering to redefine urban living in Azerbaijan."
-      kpis={[
-        {
-          value: "15+",          label: "Years Experience"},
-        {
-          value: "200+",          label: "Projects Completed"},
-        {
-          value: "50+",          label: "Awards Won"},
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/low-angle-high-slope-glass-building_23-2148230395.jpg"
-      imageAlt="modern architecture building exterior"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896900.jpg",          alt: "3d rendering of abstract building"},
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-shot-geometrical-metal-cables-glass-building_181624-7481.jpg",          alt: "Low angle shot of geometrical metal cables on a glass building"},
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-building-with-glass-design_23-2148230391.jpg",          alt: "Low angle building with glass design"},
-        {
-          src: "http://img.b2bpic.net/free-photo/commercial-building-downtown-district-with-cloud-reflection_181624-61737.jpg",          alt: "Commercial building in downtown district with cloud reflection"},
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23577.jpg",          alt: "Middle aged business man in a hard hat"},
-      ]}
-      avatarText="Trusted by elite industry leaders"
-      marqueeItems={[
-        {
-          type: "text",          text: "Innovative Design"},
-        {
-          type: "text",          text: "Sustainable Engineering"},
-        {
-          type: "text",          text: "Baku Landmark Experts"},
-        {
-          type: "text",          text: "Premium Aesthetics"},
-        {
-          type: "text",          text: "Architecture Excellence"},
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Philosophy"
-      title="Design with Purpose"
-      description="At Kaya Mimarlik, every line we draw has a reason. We balance artistic vision with functional integrity to create timeless structures that honor Baku's unique spirit."
-      subdescription="We are dedicated to sustainable practices and innovative building techniques that ensure longevity and environmental harmony."
-      icon={Building}
-      imageSrc="http://img.b2bpic.net/free-photo/stylish-modern-designer-armchair_23-2148238639.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Residential Luxury",          description: "Custom homes that blend contemporary style with local heritage.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666375.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/family-life-inside-house-top-view-generative-ai_260559-458.jpg"}
-        },
-        {
-          title: "Sustainable Urban Design",          description: "Eco-friendly developments promoting green living in the city center.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248332.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/modern-windows-airport_116348-82.jpg"}
-        },
-        {
-          title: "Interior Excellence",          description: "Refined interior spaces where art and comfort converge seamlessly.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/gray-building-with-hall-lights-that-are-turned_250224-82.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902935.jpg"}
-        },
-      ]}
-      showStepNumbers={true}
-      title="Our Specialized Architectural Services"
-      description="From luxury residential villas to large-scale commercial developments, our expertise spans across diverse sectors of design."
-    />
-  </div>
-
-  <div id="projects" data-section="projects">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          brand: "Residential",          name: "Baku Skyline Villa",          price: "Featured",          rating: 5,
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/staircase-apartment_1150-11156.jpg"},
-        {
-          id: "p2",          brand: "Commercial",          name: "Caspian Business Tower",          price: "Concept",          rating: 5,
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394938.jpg"},
-        {
-          id: "p3",          brand: "Public",          name: "Modern Arts Hub",          price: "Completed",          rating: 5,
-          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1137-71.jpg"},
-        {
-          id: "p4",          brand: "Residential",          name: "Coastal Oasis Villa",          price: "Ongoing",          rating: 5,
-          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-villa-with-swimming-pool-glass-walls_23-2151974375.jpg"},
-        {
-          id: "p5",          brand: "Commercial",          name: "City Core Apartments",          price: "Completed",          rating: 5,
-          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-overlooking-city-skyline-sunset_23-2151986966.jpg"},
-        {
-          id: "p6",          brand: "Commercial",          name: "Global Trade Center",          price: "Concept",          rating: 5,
-          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-605.jpg"},
-      ]}
-      title="Featured Projects"
-      description="Explore our portfolio of iconic structures that define modern Baku."
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={true}
-      title="Our Expert Architects"
-      tag="Leadership"
-      membersAnimation="slide-up"
-      members={[
-        {
-          id: "m1",          name: "Leyla Aliyeva",          imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg"},
-        {
-          id: "m2",          name: "Farid Mammadov",          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg"},
-        {
-          id: "m3",          name: "Nigar Hasanova",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-plans_23-2148815558.jpg"},
-      ]}
-      memberVariant="card"
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
+  <div id="hero">
+      <HeroBillboardTestimonial
+      title="Architecting the Future of Baku"
+      description="From iconic architecture to precise construction and refined renovation, we build landmarks that shape Baku's horizon."
       testimonials={[
-        {
-          id: "t1",          name: "Sarah Ahmed",          role: "Property Developer",          testimonial: "Kaya Mimarlik transformed our vision into a breathtaking reality that defines our portfolio.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
-        {
-          id: "t2",          name: "John Doe",          role: "CEO",          testimonial: "Professional, efficient, and exceptionally creative. A true pleasure to work with.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg"},
-        {
-          id: "t3",          name: "Elena Petrova",          role: "Homeowner",          testimonial: "Our new villa is a testament to their dedication to quality and modern design.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
-        {
-          id: "t4",          name: "Mark Spencer",          role: "Architect",          testimonial: "Highly recommended for any commercial design project in Baku.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"},
-        {
-          id: "t5",          name: "Zahra Karim",          role: "Interior Designer",          testimonial: "Their attention to detail and ability to integrate form and function is unparalleled.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
+          { name: "Leyla Aliyeva", handle: "Lead Architect", testimonial: "Precision and passion in every detail.", rating: 5 }
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/low-angle-high-slope-glass-building_23-2148230395.jpg"
+    />
+  </div>
+
+  <div id="about">
+      <TextAbout
+      tag="Our Vision"
+      title="Design Excellence for Modern Azerbaijan"
+      useInvertedBackground={false}
+    />
+  </div>
+
+  <div id="services">
+      <FeatureCardTwentyThree
+      title="Our Services"
+      textboxLayout="split"
+      animationType="slide-up"
+      features={[
+          { id: "s1", title: "Architecture Design", tags: ["Concept", "Drafting"], imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg" },
+          { id: "s2", title: "Construction Management", tags: ["On-site", "Safety"], imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg" },
+          { id: "s3", title: "Renovation & Restoration", tags: ["Upgrade", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/gray-building-with-hall-lights-that-are-turned_250224-82.jpg" }
+      ]}
+    />
+  </div>
+
+  <div id="projects">
+      <ProductCardThree
+      title="Latest Projects"
+      textboxLayout="split"
+      animationType="slide-up"
+      gridVariant="bento-grid"
+      products={[
+          { id: "p1", name: "Baku Skyline Villa", price: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-villa-with-swimming-pool-glass-walls_23-2151974375.jpg" },
+          { id: "p2", name: "Caspian Arts Hub", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1137-71.jpg" }
+      ]}
+    />
+  </div>
+
+  <div id="team">
+      <TeamCardEleven
+      title="Our Creative Team"
+      textboxLayout="split"
+      animationType="slide-up"
+      groups={[
+          { id: "g1", groupTitle: "Management", members: [{ id: "m1", title: "Leyla Aliyeva", subtitle: "Director", detail: "Expert in sustainable urban design.", imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg" }] }
+      ]}
+    />
+  </div>
+
+  <div id="testimonials">
+      <TestimonialCardSix
       title="Client Success Stories"
-      description="What our clients say about our approach to architectural excellence."
+      textboxLayout="split"
+      animationType="slide-up"
+      testimonials={[
+          { id: "t1", name: "Sarah Ahmed", handle: "Developer", testimonial: "Kaya Mimarlik exceeded all expectations with their vision and execution.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg" }
+      ]}
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static"}}
-      tag="Contact Us"
-      title="Start Your Architectural Journey"
-      description="Have a project in mind? Let's discuss how we can bring your architectural vision to life today."
+  <div id="contact">
+      <ContactCTA
+      tag="Get Started"
+      title="Build Your Future with Kaya Mimarlik"
+      description="Professional services for architecture, construction, and renovation in Baku."
+      buttons={[{ text: "Request Consultation", href: "#" }]}
     />
   </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/twisted-grey-paper-copy-space_23-2148792955.jpg"
+  <div id="footer">
+      <FooterBase
       logoText="Kaya Mimarlik Baku"
       columns={[
-        {
-          title: "Links",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Projects",              href: "#projects"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Use",              href: "#"},
-          ],
-        },
+          { title: "Services", items: [{ label: "Architecture", href: "#" }, { label: "Construction", href: "#" }, { label: "Renovation", href: "#" }] },
+          { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
       ]}
     />
   </div>