Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -9,7 +9,6 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -31,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="AL-KAM"
     />
@@ -54,104 +45,61 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Smart Solar Solutions by AL-KAM"
       description="5+ years of experience delivering 1MW+ solar projects. Powering your residential, commercial, and industrial future with AI-integrated smart solar intelligence."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-power-station-surrounded-by-trees_181624-21279.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/solar-power-station-surrounded-by-trees_181624-21279.jpg",          imageAlt: "AI Solar Tech 1"},
-          imageAlt: "AI Solar Tech 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248379.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248379.jpg",          imageAlt: "AI Solar Tech 2"},
-          imageAlt: "AI Solar Tech 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/field-with-lots-solar-panels-copy-space_23-2148895407.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/field-with-lots-solar-panels-copy-space_23-2148895407.jpg",          imageAlt: "AI Solar Tech 3"},
-          imageAlt: "AI Solar Tech 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-conducts-simulations-solar-panel-designs_482257-117843.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-conducts-simulations-solar-panel-designs_482257-117843.jpg",          imageAlt: "AI Solar Tech 4"},
-          imageAlt: "AI Solar Tech 4",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-with-copy-space_23-2148895412.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-with-copy-space_23-2148895412.jpg",          imageAlt: "AI Solar Tech 5"},
-          imageAlt: "AI Solar Tech 5",
-        },
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-optimize-equipment-better-energy-absorption_482257-119929.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-optimize-equipment-better-energy-absorption_482257-119929.jpg",          imageAlt: "AI Solar Tech 6"},
-          imageAlt: "AI Solar Tech 6",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16017.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16017.jpg",          imageAlt: "AI Solar Tech 7"},
-          imageAlt: "AI Solar Tech 7",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188309.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188309.jpg",          imageAlt: "AI Solar Tech 8"},
-          imageAlt: "AI Solar Tech 8",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248450.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248450.jpg",          imageAlt: "AI Solar Tech 9"},
-          imageAlt: "AI Solar Tech 9",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/investor-presents-sustainable-manufacturing-strategies-factory-executives_482257-126949.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/investor-presents-sustainable-manufacturing-strategies-factory-executives_482257-126949.jpg",          imageAlt: "AI Solar Tech 10"},
-          imageAlt: "AI Solar Tech 10",
-        },
       ]}
       buttons={[
         {
-          text: "Explore Services",
+          text: "Explore Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/aerial-shot-industrial-buildings-bristol-england_181624-17293.jpg",
+          src: "http://img.b2bpic.net/free-photo/aerial-shot-industrial-buildings-bristol-england_181624-17293.jpg",          alt: "Team Member 1"},
-          alt: "Team Member 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95728.jpg",
+          src: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95728.jpg",          alt: "Team Member 2"},
-          alt: "Team Member 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg",
+          src: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg",          alt: "Team Member 3"},
-          alt: "Team Member 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-161.jpg",
+          src: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-161.jpg",          alt: "Team Member 4"},
-          alt: "Team Member 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2195.jpg",
+          src: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2195.jpg",          alt: "Team Member 5"},
-          alt: "Team Member 5",
-        },
       ]}
       avatarText="Trusted by 500+ happy clients."
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Sustainable Energy"},
-          text: "Sustainable Energy",
-        },
         {
-          type: "text",
+          type: "text",          text: "AI Integration"},
-          text: "AI Integration",
-        },
         {
-          type: "text",
+          type: "text",          text: "1MW+ Capacity"},
-          text: "1MW+ Capacity",
-        },
         {
-          type: "text",
+          type: "text",          text: "25-Year Warranty"},
-          text: "25-Year Warranty",
-        },
         {
-          type: "text",
+          type: "text",          text: "Smart Monitoring"},
-          text: "Smart Monitoring",
-        },
       ]}
     />
   </div>
@@ -170,20 +118,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Residential Solutions",
+          title: "Residential Solutions",          description: "High-efficiency panels and smart monitoring.",          imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg"},
-          description: "High-efficiency panels and smart monitoring.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",
-        },
         {
-          title: "Commercial Expertise",
+          title: "Commercial Expertise",          description: "Optimize operations with large-scale arrays.",          imageSrc: "http://img.b2bpic.net/free-photo/investor-presents-industrial-automation-strategy-industrial-plant-executives_482257-119141.jpg"},
-          description: "Optimize operations with large-scale arrays.",
-          imageSrc: "http://img.b2bpic.net/free-photo/investor-presents-industrial-automation-strategy-industrial-plant-executives_482257-119141.jpg",
-        },
         {
-          title: "Industrial Infrastructure",
+          title: "Industrial Infrastructure",          description: "Robust solutions for heavy industry.",          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-meeting-with-shareholder-discuss_482257-123402.jpg"},
-          description: "Robust solutions for heavy industry.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-meeting-with-shareholder-discuss_482257-123402.jpg",
-        },
       ]}
       title="Our Solar Solutions"
       description="Tailored smart energy systems for every scale."
@@ -197,31 +136,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "5+",          title: "Years Experience",          items: [
-          value: "5+",
+            "Deep industry expertise",            "Reliable support"],
-          title: "Years Experience",
-          items: [
-            "Deep industry expertise",
-            "Reliable support",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "1MW+",          title: "Capacity Installed",          items: [
-          value: "1MW+",
+            "Successfully delivered",            "High-efficiency systems"],
-          title: "Capacity Installed",
-          items: [
-            "Successfully delivered",
-            "High-efficiency systems",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "100%",          title: "AI Optimization",          items: [
-          value: "100%",
+            "Advanced analytics",            "Energy management"],
-          title: "AI Optimization",
-          items: [
-            "Advanced analytics",
-            "Energy management",
-          ],
         },
       ]}
       title="Proven Excellence"
@@ -229,72 +153,16 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ahmad R.",
-          role: "Homeowner",
-          testimonial: "Exceptional smart solar setup.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-with-computer_23-2148920578.jpg",
-        },
-        {
-          id: "2",
-          name: "Sara H.",
-          role: "Business Owner",
-          testimonial: "Increased efficiency for our offices.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
-        },
-        {
-          id: "3",
-          name: "Maged K.",
-          role: "Plant Manager",
-          testimonial: "Industrial-grade expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-photovoltaics-factory-doing-financial-investments_482257-120645.jpg",
-        },
-        {
-          id: "4",
-          name: "Layla J.",
-          role: "Homeowner",
-          testimonial: "AI monitoring is a game changer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894064.jpg",
-        },
-        {
-          id: "5",
-          name: "Omar S.",
-          role: "CEO",
-          testimonial: "Professional delivery of our project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-balcony-sunset_169016-21609.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="What our clients say about AL-KAM's sustainable energy transitions."
-    />
-  </div>
-
   <div id="faq" data-section="faq">
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How long does installation take?",          content: "Most residential projects are completed within 3-5 days."},
-          title: "How long does installation take?",
-          content: "Most residential projects are completed within 3-5 days.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "What AI features do you offer?",          content: "We offer smart energy load balancing and real-time efficiency analytics."},
-          title: "What AI features do you offer?",
-          content: "We offer smart energy load balancing and real-time efficiency analytics.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Are industrial arrays guaranteed?",          content: "Yes, we provide 25-year performance warranties on our hardware."},
-          title: "Are industrial arrays guaranteed?",
-          content: "Yes, we provide 25-year performance warranties on our hardware.",
-        },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -305,14 +173,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       text="Ready to power up with AL-KAM? Get in touch today for a consultation."
       buttons={[
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -321,29 +186,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "AL-KAM Solar",
+          title: "AL-KAM Solar",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000802;
+  --background: #000000;
-  --card: #0b1a0b;
+  --card: #1f4035;
-  --foreground: #e6ffe6;
+  --foreground: #ffffff;
-  --primary-cta: #80da9b;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #000802;
+  --primary-cta-text: #051a12;
-  --secondary-cta: #07170b;
+  --secondary-cta: #0d2b1f;
-  --secondary-cta-text: #e6ffe6;
+  --secondary-cta-text: #d4f6e8;
-  --accent: #38714a;
+  --accent: #0d5238;
-  --background-accent: #2c6541;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);