Merge version_7 into main

Merge version_7 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() {
@@ -30,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "services" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="AL-KAM"
     />
@@ -53,105 +40,38 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      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", imageAlt: "AI Solar Tech 1" },
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-power-station-surrounded-by-trees_181624-21279.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 1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/field-with-lots-solar-panels-copy-space_23-2148895407.jpg", imageAlt: "AI Solar Tech 3" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-conducts-simulations-solar-panel-designs_482257-117843.jpg", imageAlt: "AI Solar Tech 4" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-with-copy-space_23-2148895412.jpg", imageAlt: "AI Solar Tech 5" },
-          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248379.jpg",
-          imageAlt: "AI Solar Tech 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/field-with-lots-solar-panels-copy-space_23-2148895407.jpg",
-          imageAlt: "AI Solar Tech 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-conducts-simulations-solar-panel-designs_482257-117843.jpg",
-          imageAlt: "AI Solar Tech 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-with-copy-space_23-2148895412.jpg",
-          imageAlt: "AI Solar Tech 5",
-        },
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-optimize-equipment-better-energy-absorption_482257-119929.jpg", imageAlt: "AI Solar Tech 6" },
-          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/chisinau-arena-with-soft-light-moldova_1268-16017.jpg", imageAlt: "AI Solar Tech 7" },
-          imageAlt: "AI Solar Tech 6",
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188309.jpg", imageAlt: "AI Solar Tech 8" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248450.jpg", imageAlt: "AI Solar Tech 9" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/investor-presents-sustainable-manufacturing-strategies-factory-executives_482257-126949.jpg", imageAlt: "AI Solar Tech 10" },
-          imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16017.jpg",
-          imageAlt: "AI Solar Tech 7",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188309.jpg",
-          imageAlt: "AI Solar Tech 8",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248450.jpg",
-          imageAlt: "AI Solar Tech 9",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/investor-presents-sustainable-manufacturing-strategies-factory-executives_482257-126949.jpg",
-          imageAlt: "AI Solar Tech 10",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Explore Services",
-          href: "#services",
-        },
       ]}
+      buttons={[{ text: "Explore Services", href: "#services" }]}
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/aerial-shot-industrial-buildings-bristol-england_181624-17293.jpg", alt: "Team Member 1" },
-          src: "http://img.b2bpic.net/free-photo/aerial-shot-industrial-buildings-bristol-england_181624-17293.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 1",
+        { src: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg", alt: "Team Member 3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-161.jpg", 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", alt: "Team Member 5" },
-          src: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95728.jpg",
-          alt: "Team Member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg",
-          alt: "Team Member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-161.jpg",
-          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",
-          alt: "Team Member 5",
-        },
       ]}
       avatarText="Trusted by 500+ happy clients."
       marqueeItems={[
-        {
+        { type: "text", text: "Sustainable Energy" },
-          type: "text",
+        { type: "text", text: "AI Integration" },
-          text: "Sustainable Energy",
+        { type: "text", text: "1MW+ Capacity" },
-        },
+        { type: "text", text: "25-Year Warranty" },
-        {
+        { type: "text", text: "Smart Monitoring" },
-          type: "text",
-          text: "AI Integration",
-        },
-        {
-          type: "text",
-          text: "1MW+ Capacity",
-        },
-        {
-          type: "text",
-          text: "25-Year Warranty",
-        },
-        {
-          type: "text",
-          text: "Smart Monitoring",
-        },
       ]}
     />
   </div>
@@ -169,21 +89,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Residential Solutions", description: "High-efficiency panels and smart monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg" },
-          title: "Residential Solutions",
+        { 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: "High-efficiency panels and smart monitoring.",
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
       ]}
       title="Our Solar Solutions"
       description="Tailored smart energy systems for every scale."
@@ -196,105 +104,21 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "5+", title: "Years Experience", items: ["Deep industry expertise", "Reliable support"] },
-          id: "m1",
+        { id: "m2", value: "1MW+", title: "Capacity Installed", items: ["Successfully delivered", "High-efficiency systems"] },
-          value: "5+",
+        { id: "m3", value: "100%", title: "AI Optimization", items: ["Advanced analytics", "Energy management"] },
-          title: "Years Experience",
-          items: [
-            "Deep industry expertise",
-            "Reliable support",
-          ],
-        },
-        {
-          id: "m2",
-          value: "1MW+",
-          title: "Capacity Installed",
-          items: [
-            "Successfully delivered",
-            "High-efficiency systems",
-          ],
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "AI Optimization",
-          items: [
-            "Advanced analytics",
-            "Energy management",
-          ],
-        },
       ]}
       title="Proven Excellence"
       description="Delivering reliable solar power and smart integration."
     />
   </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", title: "How long does installation take?", content: "Most residential projects are completed within 3-5 days." },
-          id: "q1",
+        { id: "q3", title: "Are industrial arrays guaranteed?", content: "Yes, we provide 25-year performance warranties on our hardware." },
-          title: "How long does installation take?",
-          content: "Most residential projects are completed within 3-5 days.",
-        },
-        {
-          id: "q2",
-          title: "What AI features do you offer?",
-          content: "We offer smart energy load balancing and real-time efficiency analytics.",
-        },
-        {
-          id: "q3",
-          title: "Are industrial arrays guaranteed?",
-          content: "Yes, we provide 25-year performance warranties on our hardware.",
-        },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -304,48 +128,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      text="Ready to power up with AL-KAM? Contact us on WhatsApp: 03355460728 or 03166644499."
-      }}
+      buttons={[{ text: "Contact Us", href: "#" }]}
-      text="Ready to power up with AL-KAM? Get in touch today for a consultation."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "AL-KAM Solar", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
-          title: "AL-KAM Solar",
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
-          items: [
+        { title: "WhatsApp", items: [{ label: "03355460728" }, { label: "03166644499" }] }
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       bottomLeftText="© 2024 AL-KAM Solar Energy Solutions."
       bottomRightText="Built with precision."
@@ -354,4 +148,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #1f4035;
-  --foreground: #1c1c1c;
+  --foreground: #ffffff;
-  --primary-cta: #1f514c;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #051a12;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d2b1f;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #d4f6e8;
-  --accent: #159c49;
+  --accent: #0d5238;
-  --background-accent: #a8e8ba;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);