Merge version_3 into main

Merge version_3 into main

src/app/contact/page.tsx

@@ -15,7 +15,7 @@ export default function LandingPage() {
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
         contentWidth="compact"
-        sizing="largeSmall"
+        sizing="medium"
         background="fluid"
         cardStyle="outline"
         primaryButtonStyle="diagonal-gradient"
@@ -27,34 +27,20 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "الرئيسية",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "الخدمات",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "Projects",
+          name: "المشاريع",          id: "/projects"},
-          id: "/projects",
-        },
         {
-          name: "Process",
+          name: "العملية",          id: "/#process"},
-          id: "/#process",
-        },
         {
-          name: "Testimonials",
+          name: "شهادات العملاء",          id: "/#testimonials"},
-          id: "/#testimonials",
-        },
         {
-          name: "Contact",
+          name: "اتصل بنا",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       button={{
-        text: "Get a Quote",
+        text: "احصل على عرض سعر",        href: "/contact"}}
-        href: "/contact",
-      }}
       brandName="SNC AR ETANCHE"
     />
   </div>
@@ -63,14 +49,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
+      text="لنتناقش حول مشروعك\n\nمعلومات الاتصال\nالهاتف: 030 43 13 83\nالعنوان: 09 الطريق الوطني، إيريحين، تالا حمزة 06120، الجزائر\nساعات العمل: الاثنين – السبت، مفتوح حتى 4:30 مساءً\n\nللاستفسارات، يرجى ملء نموذجنا أو الاتصال بنا مباشرة. نتطلع إلى الاستماع إليك."
-      text="Let's Discuss Your Project\n\nContact Information\nPhone: 030 43 13 83\nAddress: 09 Route Nationale, Iryehenne, Tala Hamza 06120, Algeria\nBusiness Hours: Monday – Saturday, Open until 4:30 PM\n\nFor inquiries, please fill out our form or reach us directly. We look forward to hearing from you."
       buttons={[
         {
-          text: "Send Request",
+          text: "إرسال طلب",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -78,24 +61,15 @@ export default function LandingPage() {
   <div id="contact-metrics" data-section="contact-metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
-      title="Our Impact & Experience"
+      title="تأثيرنا وخبرتنا"
-      tag="Proven Performance"
+      tag="أداء مثبت"
       metrics={[
         {
-          id: "metric1",
+          id: "metric1",          value: "+25",          description: "سنة في العمل"},
-          value: "25+",
-          description: "Years in Business",
-        },
         {
-          id: "metric2",
+          id: "metric2",          value: "+500",          description: "مشروع ناجح"},
-          value: "500+",
-          description: "Successful Projects",
-        },
         {
-          id: "metric3",
+          id: "metric3",          value: "%98",          description: "رضا العملاء"},
-          value: "98%",
-          description: "Client Satisfaction",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -104,18 +78,14 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="SNC AR ETANCHE"
-      copyrightText="© 2024 SNC AR ETANCHE. All rights reserved."
+      copyrightText="© 2024 SNC AR ETANCHE. جميع الحقوق محفوظة."
       socialLinks={[
         {
           icon: Facebook,
-          href: "#",
+          href: "#",          ariaLabel: "رابط فيسبوك"},
-          ariaLabel: "Facebook link",
-        },
         {
           icon: Linkedin,
-          href: "#",
+          href: "#",          ariaLabel: "رابط لينكد إن"},
-          ariaLabel: "LinkedIn link",
-        },
       ]}
     />
   </div>

src/app/page.tsx

@@ -33,10 +33,7 @@ export default function LandingPage() {
           name: "Home",          id: "/"
         },
         {
-          name: "Services",          id: "/services"
+          name: "About Us",          id: "/#about"
-        },
-        {
-          name: "Projects",          id: "/projects"
         },
         {
           name: "Process",          id: "/#process"
@@ -45,13 +42,13 @@ export default function LandingPage() {
           name: "Testimonials",          id: "/#testimonials"
         },
         {
-          name: "Contact",          id: "/contact"
+          name: "Contact",          id: "/#contact-cta"
         }
       ]}
       button={{
-        text: "Get a Quote",        href: "/contact"
+        text: "Get a Quote",        href: "/#contact-cta"
       }}
-      brandName="SNC AR ETANCHE"
+      brandName="Lazhar Nasrallah"
     />
   </div>
 
@@ -60,8 +57,8 @@ export default function LandingPage() {
       background={{
         variant: "gradient-bars"
       }}
-      title="Building Protection That Lasts for Generations"
+      title="Premium Roofing & Waterproofing Services for Generations"
-      description="Professional waterproofing, structural sealing, roof protection, and construction solutions for residential, commercial, and industrial projects across Algeria."
+      description="As leading Roofing Contractors in Algeria, we offer professional roof waterproofing, structural sealing, roof protection, and new roof construction solutions for residential, commercial, and industrial projects."
       kpis={[
         {
           value: "30+",          label: "Years Experience"
@@ -79,7 +76,7 @@ export default function LandingPage() {
       tagAnimation="blur-reveal"
       buttons={[
         {
-          text: "Request a Free Consultation",          href: "/contact"
+          text: "Request a Free Consultation",          href: "/#contact-cta"
         },
         {
           text: "Call Us Now",          href: "tel:030431383"
@@ -87,7 +84,7 @@ export default function LandingPage() {
       ]}
       buttonAnimation="blur-reveal"
       imageSrc="http://img.b2bpic.net/free-photo/photo-cyber-girl-wears-vr-set-leaning-wall-tunnel_114579-92562.jpg"
-      imageAlt="Modern building with advanced waterproofing systems"
+      imageAlt="Modern building with advanced roof waterproofing systems in Algeria"
       mediaAnimation="slide-up"
       avatars={[
         {
@@ -129,8 +126,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Excellence Beneath Every Structure"
+      title="Excellence in Every Roofing & Waterproofing Project"
-      description="At SNC AR ETANCHE, we believe that quality construction begins with protection. Our team specializes in advanced waterproofing systems, structural sealing, and building preservation solutions designed to withstand time, weather, and demanding environments. Every project is executed with meticulous attention to detail, industry-grade materials, and a commitment to exceptional craftsmanship."
+      description="At Lazhar Nasrallah, we are expert Roofing Contractors, ensuring quality starts with superior protection. Our team specializes in advanced roof waterproofing systems, structural sealing, and building preservation solutions for durable roof repair and new roof construction, designed to withstand Algeria's climate. Every project is executed with meticulous attention to detail, industry-grade materials, and a commitment to exceptional craftsmanship in all roofing services."
       metrics={[
         {
           value: "1.",          title: "Durable Solutions"
@@ -149,7 +146,7 @@ export default function LandingPage() {
         }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138391.jpg"
-      imageAlt="Blueprint details with construction tools"
+      imageAlt="Roofing blueprints and construction tools for detailed roof repair and construction"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -161,26 +158,26 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Materials",          title: "Premium Materials",          subtitle: "High-performance products",          description: "We work with high-performance products engineered for durability and long-term protection.",          imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934715.jpg",          imageAlt: "Close up of advanced waterproofing materials"
+          tag: "Materials",          title: "Premium Materials",          subtitle: "High-performance products",          description: "We work with high-performance products engineered for durable roofing and long-term protection.",          imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934715.jpg",          imageAlt: "Close up of advanced waterproofing materials"
         },
         {
-          tag: "Team",          title: "Skilled Professionals",          subtitle: "Experienced and certified",          description: "Our experienced team follows strict quality standards on every project.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772879.jpg",          imageAlt: "Team of skilled construction workers on site"
+          tag: "Team",          title: "Skilled Professionals",          subtitle: "Experienced and certified",          description: "Our experienced team follows strict quality standards on every roofing and waterproofing project.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772879.jpg",          imageAlt: "Team of skilled construction workers on site"
         },
         {
           tag: "Efficiency",          title: "Reliable Delivery",          subtitle: "Timely project completion",          description: "Projects completed efficiently while maintaining exceptional workmanship.",          imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850245.jpg",          imageAlt: "Construction site with cranes at dusk"
         },
         {
-          tag: "Custom",          title: "Tailored Solutions",          subtitle: "Personalized protection strategies",          description: "Every building receives a customized assessment and protection strategy.",          imageSrc: "http://img.b2bpic.net/free-photo/architects-studying-plan-with-mockup_23-2148252110.jpg",          imageAlt: "Architectural plans with custom design elements"
+          tag: "Custom",          title: "Tailored Solutions",          subtitle: "Personalized protection strategies",          description: "Every building receives a customized assessment and protection strategy for its roof and structure.",          imageSrc: "http://img.b2bpic.net/free-photo/architects-studying-plan-with-mockup_23-2148252110.jpg",          imageAlt: "Architectural plans with custom design elements"
         },
         {
-          tag: "Local",          title: "Local Expertise",          subtitle: "Understanding regional needs",          description: "Deep understanding of regional climate conditions and construction requirements.",          imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-aerial-shot-cityscape-surrounded-by-green-trees-cloudy-scenic-sky_181624-39328.jpg",          imageAlt: "Map of Algeria with construction markers"
+          tag: "Local",          title: "Local Expertise",          subtitle: "Understanding regional needs",          description: "Deep understanding of Algeria's regional climate and specific roofing requirements.",          imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-aerial-shot-cityscape-surrounded-by-green-trees-cloudy-scenic-sky_181624-39328.jpg",          imageAlt: "Map of Algeria with construction markers"
         },
         {
           tag: "Client Focus",          title: "Customer Satisfaction",          subtitle: "Building lasting relationships",          description: "Built on trust, professionalism, and lasting relationships.",          imageSrc: "http://img.b2bpic.net/free-photo/architect-client-hand-shaking_23-2148243001.jpg",          imageAlt: "Client and construction worker shaking hands"
         }
       ]}
-      title="The SNC AR ETANCHE Difference"
+      title="The Lazhar Nasrallah Difference: Your Trusted Roofing Contractor"
-      description="Discover why clients trust us for superior waterproofing and construction services across Algeria."
+      description="Discover why clients trust Lazhar Nasrallah for superior roof waterproofing, roof repair, and new roof construction services across Algeria."
     />
   </div>
 
@@ -205,15 +202,15 @@ export default function LandingPage() {
           tag: "05.",          title: "Ongoing Support",          subtitle: "Maintenance guidance",          description: "Advice and maintenance guidance to maximize durability.",          imageSrc: "http://img.b2bpic.net/free-photo/technology-technical-assistance-repair-conceopt_53876-165268.jpg",          imageAlt: "Technician providing after-sales support"
         }
       ]}
-      title="How We Work"
+      title="Our Roofing & Waterproofing Process"
-      description="Our methodical approach ensures precision and excellence in every phase of your project."
+      description="Our methodical approach ensures precision and excellence in every phase of your roofing services project, from roof repair to new roof construction."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="Professional team, excellent workmanship, and reliable service. The waterproofing solution delivered exactly as promised."
+      testimonial="The Lazhar Nasrallah team provided professional, reliable service and excellent workmanship. Their roof waterproofing solution was delivered exactly as promised, protecting my home."
       rating={5}
       author="Sarah Johnson, Homeowner"
       avatars={[
@@ -244,10 +241,10 @@ export default function LandingPage() {
       background={{
         variant: "radial-gradient"
       }}
-      text="Protect Your Property Today.\n\nWhether you're building new, renovating, or solving moisture issues, SNC AR ETANCHE is ready to help.\n\nPhone: 030 43 13 83\nLocation: 09 Route Nationale, Iryehenne, Tala Hamza 06120, Algeria"
+      text="Protect Your Property Today with Expert Roofing Services.\n\nWhether you need a new roof construction, roof repair, or comprehensive roof waterproofing, Lazhar Nasrallah is your trusted Roofing Contractor in Algeria, ready to help.\n\nPhone: 030 43 13 83\nLocation: 09 Route Nationale, Iryehenne, Tala Hamza 06120, Algeria"
       buttons={[
         {
-          text: "Get a Free Quote",          href: "/contact"
+          text: "Get a Free Quote",          href: "/#contact-cta"
         }
       ]}
     />
@@ -255,8 +252,8 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="SNC AR ETANCHE"
+      logoText="Lazhar Nasrallah"
-      copyrightText="© 2024 SNC AR ETANCHE. All rights reserved."
+      copyrightText="© 2024 Lazhar Nasrallah. All rights reserved."
       socialLinks={[
         {
           icon: Facebook,
@@ -272,4 +269,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0A0A0A;
+  --background: #0a0a0a;
-  --card: #1A1A1A;
+  --card: #1a1a1a;
-  --foreground: #F8F7F4;
+  --foreground: #f5f5f5;
-  --primary-cta: #C6A15B;
+  --primary-cta: #ffdf7d;
-  --primary-cta-text: #0A0A0A;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #6B7280;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #F8F7F4;
+  --secondary-cta-text: #ffffff;
-  --accent: #6B7280;
+  --accent: #b8860b;
-  --background-accent: #1A1A1A;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);