Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Briefcase, Home, Instagram, Layout, Twitter } from "lucide-react";
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
   return (
@@ -20,8 +19,8 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="mediumLargeSizeMediumTitles"
-        background="floatingGradient"
-        cardStyle="gradient-radial"
+        background="fluid"
+        cardStyle="glass-depth"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="glass"
         headingFontWeight="extrabold"
@@ -30,167 +29,117 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Portfolio",          id: "portfolio"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="Interior Luxury"
+      brandName="Luxury Landscape"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars"}}
-      title="Designing Spaces That Define Luxury"
-      description="Premium interior design solutions tailored for modern living in Kuwait."
+      background={{ variant: "radial-gradient" }}
+      title="Cultivating Landscapes of Distinction"
+      description="Premium landscape design and architectural installation for refined outdoor living."
       buttons={[
-        {
-          text: "Book a Consultation",          href: "#contact"},
-        {
-          text: "View Our Work",          href: "#portfolio"},
+        { text: "Book a Consultation", href: "#contact" },
+        { text: "View Our Work", href: "#portfolio" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-caucasian-pretty-blonde-hair-woman-outdoor-kitchen-villa-female-with-light-makeup-summer-white-dress-straw-hat-vacation_343596-2522.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-villa-with-swimming-pool-garden-design_23-2149175249.jpg?_wi=1"
     />
   </div>
 
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Timeless Beauty, Precision, and Elegance"
-      description="Every space we design tells a story of elegance, precision, and timeless beauty. Based in Hawally, we bring a personalized touch to high-end interior design for homes and offices."
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-detail-beautiful-female-architect-hands-looking-through-apartments-design-examples-internet-digital-table-working-new-project_176420-8504.jpg?_wi=1"
+      title="Harmony in Nature, Precision in Design"
+      description="We craft immersive outdoor spaces where botanical art meets architectural precision. Based in Hawally, we specialize in high-end landscaping that transforms residential and commercial environments into private retreats."
+      imageSrc="http://img.b2bpic.net/free-photo/gardener-working-garden-during-sunny-day_23-2148784306.jpg?_wi=1"
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardTwentyFive
+      <FeatureCardTwentyFour
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
+      title="Curated Botanical Services"
+      description="Bespoke landscape solutions crafted for luxury, durability, and year-round aesthetic appeal."
       features={[
         {
-          title: "Residential",          description: "Elegant design solutions for private homes and villas.",          icon: Home,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=2"},
-          ],
+          id: "1",          title: "Hardscape Artistry",          author: "Construction",          description: "Custom stone patios, retaining walls, and architectural structures.",          tags: ["Stone", "Architecture"],
+          imageSrc: "http://img.b2bpic.net/free-photo/stone-patio-with-fire-pit-garden_23-2149141890.jpg?_wi=1"
         },
         {
-          title: "Commercial",          description: "Sophisticated designs for offices, cafes, and boutiques.",          icon: Briefcase,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg?_wi=1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg?_wi=2"},
-          ],
+          id: "2",          title: "Botanical Design",          author: "Horticulture",          description: "Rare plant selection, lush vegetation, and sustainable layouts.",          tags: ["Greenery", "Design"],
+          imageSrc: "http://img.b2bpic.net/free-photo/lush-garden-with-variety-plants_23-2148972145.jpg?_wi=1"
         },
         {
-          title: "Space Planning",          description: "Strategic layout optimization for functional luxury.",          icon: Layout,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=3"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=4"},
-          ],
-        },
+          id: "3",          title: "Aquatic Landscapes",          author: "Water Features",          description: "Serene ponds, fountains, and infinity-edge water installations.",          tags: ["Water", "Luxury"],
+          imageSrc: "http://img.b2bpic.net/free-photo/water-feature-modern-garden_23-2149145678.jpg?_wi=1"
+        }
       ]}
-      title="Bespoke Design Services"
-      description="Comprehensive design solutions tailored to your specific vision and lifestyle."
     />
   </div>
 
   <div id="portfolio" data-section="portfolio">
-      <ProductCardFour
+      <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={false}
+      title="Portfolio of Serenity"
+      description="A curated selection of our most distinguished residential and commercial landscape transformations."
       products={[
-        {
-          id: "1",          name: "Modern Villa Hawally",          price: "Luxury",          variant: "Villa",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=5"},
-        {
-          id: "2",          name: "Corporate Office Suite",          price: "Modern",          variant: "Office",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg?_wi=3"},
-        {
-          id: "3",          name: "Elegant Penthouse",          price: "Minimal",          variant: "Apartment",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=6"},
-        {
-          id: "4",          name: "Boutique Cafe",          price: "Chic",          variant: "Commercial",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg?_wi=4"},
-        {
-          id: "5",          name: "Classic Residence",          price: "Timeless",          variant: "Villa",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=7"},
-        {
-          id: "6",          name: "Design Studio",          price: "Creative",          variant: "Office",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg?_wi=5"},
+        { id: "1", name: "Al-Hawally Villa Oasis", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-villa-garden-design_23-2149175249.jpg?_wi=1" },
+        { id: "2", name: "Modern Office Plaza", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-landscape_23-2149175249.jpg?_wi=2" },
+        { id: "3", name: "Botanical Courtyard", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/luxury-garden-courtyard_23-2149175249.jpg?_wi=3" }
       ]}
-      title="Selected Projects"
-      description="Explore our portfolio of luxury residential and commercial transformations."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
+      <TestimonialCardFive
+      textboxLayout="split"
       useInvertedBackground={true}
+      title="Testimonials of Excellence"
+      description="Our clients share their vision turned reality."
       testimonials={[
         {
-          id: "1",          title: "Excellent Service",          quote: "Beautiful, clean, and very well organized. Excellent service and great pricing.",          name: "Ahmed Al-Farsi",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg?_wi=6"},
+          id: "1",          name: "Ahmed Al-Farsi",          date: "October 2024",          title: "A True Oasis",          quote: "The landscaping team brought an incredible level of artistic detail to my home.",          tag: "Luxury",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-man-suit_23-2148784306.jpg?_wi=1"
+        },
         {
-          id: "2",          title: "Great Experience",          quote: "مكان جميل جدا ونظيف ومنظم خدمة ممتازة جدا السعر ممتازة",          name: "Sarah Al-Rashid",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599082.jpg?_wi=1"},
-        {
-          id: "3",          title: "Highly Recommend",          quote: "The team transformed my office space beyond my expectations. Truly world class.",          name: "Khalid Al-Mulla",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-pretty-blonde-hair-woman-outdoor-kitchen-villa-female-with-light-makeup-summer-white-dress-straw-hat-vacation_343596-2522.jpg?_wi=2"},
-        {
-          id: "4",          title: "Stunning Design",          quote: "Everything was delivered on time and within budget with top-tier materials.",          name: "Fatima Yousef",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-beautiful-female-architect-hands-looking-through-apartments-design-examples-internet-digital-table-working-new-project_176420-8504.jpg?_wi=2"},
-        {
-          id: "5",          title: "Professional Team",          quote: "Very professional and detailed oriented. Would definitely hire again for future projects.",          name: "Omar Al-Sayed",          role: "Investor",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg?_wi=8"},
+          id: "2",          name: "Fatima Yousef",          date: "September 2024",          title: "Unmatched Craftsmanship",          quote: "They turned my barren backyard into an oasis of calm.",          tag: "Residential",          avatarSrc: "http://img.b2bpic.net/free-photo/elegant-woman-profile_23-2148784306.jpg?_wi=1"
+        }
       ]}
-      title="Client Experiences"
-      description="What our clients say about our service."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
+      tag="Get in Touch"
+      title="Commission Your Landscape"
+      description="Begin the journey of transforming your environment."
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      title="Let’s Design Your Dream Space"
-      description="Get in touch for a free consultation. Based in Hawally, Kuwait."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "project",        placeholder: "Tell us about your project",        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599082.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/modern-landscape-architecture-concept_23-2149175249.jpg?_wi=1"
+      onSubmit={(data) => console.log(data)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Interior Luxury"
-      copyrightText="© 2025 Interior Luxury. All rights reserved."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
-        {
-          icon: Twitter,
-          href: "#",          ariaLabel: "Twitter"},
+      <FooterBase
+      logoText="Luxury Landscape"
+      columns={[
+          { title: "Design", items: [{ label: "Process", href: "#" }, { label: "Portfolio", href: "#" }] },
+          { title: "Services", items: [{ label: "Hardscape", href: "#" }, { label: "Botany", href: "#" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000000;
-  --primary-cta: #c5a059;
+  --background: #f5f4ef;
+  --card: #dad6cd;
+  --foreground: #2a2928;
+  --primary-cta: #2a2928;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #ecebea;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #ffffff;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);