Update src/app/page.tsx

src/app/page.tsx

@@ -3,16 +3,16 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
+import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 import TeamCardSix from "@/components/sections/team/TeamCardSix";
-import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import TeamCardTen from "@/components/sections/team/TeamCardTen";
+import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Leaf, TreePine, Languages, CreditCard } from "lucide-react";
+import { Leaf, TreePine, Languages } from "lucide-react";
 
 export default function MoroccanLandscapingPage() {
   return (
@@ -44,27 +44,19 @@ export default function MoroccanLandscapingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroOverlayTestimonial
+          <HeroBillboardRotatedCarousel
             tag="Premium Landscaping in Morocco (تنسيق حدائق احترافي)"
             tagIcon={Leaf}
             title="Designing Moroccan Oasis (تصميم واحات مغربية)"
             description="Specializing in high-end residential landscaping, Riad courtyards, and sustainable irrigation solutions tailored for the Moroccan climate."
-            buttons={[
-              { text: "Get Consultation (طلب استشارة)", href: "#contact" },
-              { text: "Our Expertise (خبراتنا)", href: "#services" },
-            ]}
-            buttonAnimation="slide-up"
-            imageSrc="http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg"
-            imageAlt="Beautifully landscaped Moroccan Riad garden"
-            showDimOverlay={true}
-            textPosition="top"
-            testimonials={[
-              {
-                name: "Ahmed Idrissi",                handle: "Riad Owner",                testimonial: "Atlas Green turned our traditional courtyard into a modern masterpiece. Truly exceptional quality.",                rating: 5,
-                imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg"},
-              {
-                name: "Sarah Bensaid",                handle: "Villa Owner",                testimonial: "احترافية عالية وتصاميم مذهلة تناسب الطبيعة المغربية. شكراً أطلس الأخضر.",                rating: 5,
-                imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"},
+            background={{ variant: "rotated-rays-animated" }}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/glass-windows-reflect-formal-garden-peacefulness-night-generated-by-ai_188544-9837.jpg?_wi=1" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127862.jpg?_wi=1" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-harvesting-flower-garden_23-2148165347.jpg?_wi=1" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/cute-garden_23-2147695739.jpg?_wi=1" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/dirt-road-countryside_1112-871.jpg?_wi=1" }
             ]}
           />
         </div>
@@ -78,28 +70,24 @@ export default function MoroccanLandscapingPage() {
             description="Lead Project Consultant"
             subdescription="Providing world-class landscape solutions across Casablanca, Marrakech, and Rabat since 2012."
             icon={TreePine}
-            imageSrc="http://img.b2bpic.net/free-photo/cute-garden_23-2147695739.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/cute-garden_23-2147695739.jpg?_wi=2"
             mediaAnimation="slide-up"
             useInvertedBackground={false}
           />
         </div>
 
         <div id="services" data-section="services">
-          <FeatureCardNineteen
+          <FeatureCardTwentySeven
             tag="Professional Services"
             title="Comprehensive Landscaping Solutions"
             description="From luxury villa gardens to commercial projects, we implement professional methods to ensure long-term health and aesthetics."
+            animationType="scale-rotate"
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              {
-                tag: "Design",                title: "Architectural Design",                subtitle: "تصميم هندسي",                description: "Expert 3D renderings and custom landscape plans for Moroccan estates.",                imageSrc: "http://img.b2bpic.net/free-photo/glass-windows-reflect-formal-garden-peacefulness-night-generated-by-ai_188544-9837.jpg"},
-              {
-                tag: "Irrigation",                title: "Smart Irrigation",                subtitle: "ري ذكي",                description: "Water-saving, automated drip systems designed for arid environments.",                imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127862.jpg"},
-              {
-                tag: "Maintenance",                title: "Full Maintenance",                subtitle: "صيانة دورية",                description: "Monthly professional grooming for all plants, turf, and hardscapes.",                imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-harvesting-flower-garden_23-2148165347.jpg"},
-              {
-                tag: "Payments",                title: "Secure Digital Payments",                subtitle: "دفع آمن",                description: "We accept all major Moroccan credit cards (CMI) and bank transfers for transparent transactions.",                imageSrc: "http://img.b2bpic.net/free-photo/paying-public-transport-by-card-public-transport-contactless-fare-payment_169016-67277.jpg"},
+              { id: "1", title: "Architectural Design", descriptions: ["Expert 3D renderings and custom landscape plans for Moroccan estates."], imageSrc: "http://img.b2bpic.net/free-photo/glass-windows-reflect-formal-garden-peacefulness-night-generated-by-ai_188544-9837.jpg?_wi=2" },
+              { id: "2", title: "Smart Irrigation", descriptions: ["Water-saving, automated drip systems designed for arid environments."], imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127862.jpg?_wi=2" },
+              { id: "3", title: "Full Maintenance", descriptions: ["Monthly professional grooming for all plants, turf, and hardscapes."], imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-harvesting-flower-garden_23-2148165347.jpg?_wi=2" },
             ]}
           />
         </div>
@@ -111,7 +99,7 @@ export default function MoroccanLandscapingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
+            animationType="depth-3d"
             members={[
               { id: "1", name: "Local Expertise", role: "Deep knowledge of native Moroccan flora.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-plant_23-2149098303.jpg" },
               { id: "2", name: "Transparent Billing", role: "Secure payment options for professional accountability.", imageSrc: "http://img.b2bpic.net/free-photo/project-manager-analyzing-e-commerce-information-files-looking-documents-computer-screen-male-employee-working-financial-analysis-with-statistics-charts-graphs_482257-40934.jpg" },
@@ -121,32 +109,30 @@ export default function MoroccanLandscapingPage() {
         </div>
 
         <div id="team" data-section="team">
-          <TeamCardOne
+          <TeamCardTen
             tag="Core Team"
             title="Meet Our Experts"
-            description="Engineers, botanists, and designers working for your garden."
-            textboxLayout="default"
+            membersAnimation="blur-reveal"
+            memberVariant="card"
             useInvertedBackground={false}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
             members={[
-              { id: "1", name: "Dr. Youssef El Amrani", role: "Lead Botanist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-scientist-standing-greenhouse-looking-camera_637285-1614.jpg" },
-              { id: "2", name: "Laila Mansouri", role: "Senior Architect", imageSrc: "http://img.b2bpic.net/free-photo/friendly-businesswoman-with-plan-level_23-2147702538.jpg" },
-              { id: "3", name: "Omar Kettani", role: "Head of Operations", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg" },
+              { id: "1", name: "Dr. Youssef El Amrani", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-scientist-standing-greenhouse-looking-camera_637285-1614.jpg" },
+              { id: "2", name: "Laila Mansouri", imageSrc: "http://img.b2bpic.net/free-photo/friendly-businesswoman-with-plan-level_23-2147702538.jpg" },
+              { id: "3", name: "Omar Kettani", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg" },
             ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwelve
-            cardTag="Trusted Partners"
-            cardTagIcon={CreditCard}
-            cardTitle="Join over 200+ satisfied clients across the Kingdom"
-            cardAnimation="slide-up"
+          <TestimonialCardSix
+            title="Join over 200+ satisfied clients across the Kingdom"
+            description="Our clients value our commitment to aesthetic beauty and Moroccan landscape heritage."
+            textboxLayout="default"
             useInvertedBackground={false}
+            animationType="blur-reveal"
             testimonials={[
-              { id: "1", name: "Marrakech Hotel Group", imageSrc: "http://img.b2bpic.net/free-photo/sunbeds-grass-summer_116348-81.jpg" },
-              { id: "2", name: "Casa Villa Owners", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302602.jpg" },
+              { id: "1", name: "Ahmed Idrissi", handle: "Riad Owner", testimonial: "Atlas Green turned our traditional courtyard into a modern masterpiece. Truly exceptional quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg" },
+              { id: "2", name: "Sarah Bensaid", handle: "Villa Owner", testimonial: "احترافية عالية وتصاميم مذهلة تناسب الطبيعة المغربية. شكراً أطلس الأخضر.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg" },
             ]}
           />
         </div>
@@ -181,7 +167,7 @@ export default function MoroccanLandscapingPage() {
             ]}
             multiSelect={{ name: "service", label: "Select Service", options: ["Residential Design", "Commercial Maintenance", "Smart Irrigation"] }}
             textarea={{ name: "message", placeholder: "Tell us about your requirements...", required: true }}
-            imageSrc="http://img.b2bpic.net/free-photo/dirt-road-countryside_1112-871.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/dirt-road-countryside_1112-871.jpg?_wi=2"
           />
         </div>
 
@@ -199,4 +185,4 @@ export default function MoroccanLandscapingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f9f4;
-  --card: #ffffff;
-  --foreground: #1a2e1a;
-  --primary-cta: #2d5a27;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2d5a27;
-  --accent: #4a8c3f;
-  --background-accent: #6fb85e;
+  --accent: #8b5cf6;
+  --background-accent: #0a7039;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);