Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -10,9 +10,11 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
 import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import { ShieldCheck, Wrench, DollarSign, Glasses, Paintbrush, Eye, Factory, Mountain, Clock } from "lucide-react";
 
 export default function HvacPage() {
   return (
@@ -34,9 +36,11 @@ export default function HvacPage() {
             brandName="AirPro HVAC"
             navItems={[
               { name: "Services", id: "services" },
+              { name: "Interventions", id: "interventions" },
+              { name: "Gallery", id: "gallery" },
               { name: "About", id: "about" },
               { name: "Testimonials", id: "testimonials" },
-              { name: "Contact", id: "contact" },
+              { name: "Contact", id: "contact" }
             ]}
             button={{ text: "Get a Quote", href: "#contact" }}
             animateOnLoad={false}
@@ -50,12 +54,12 @@ export default function HvacPage() {
             avatars={[
               { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", alt: "Client" },
               { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", alt: "Client" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", alt: "Client" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", alt: "Client" }
             ]}
             avatarText="Trusted by 500+ clients"
             buttons={[
               { text: "Schedule Service", href: "#contact" },
-              { text: "Our Services", href: "#services" },
+              { text: "Our Services", href: "#services" }
             ]}
             buttonAnimation="slide-up"
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg"
@@ -71,20 +75,16 @@ export default function HvacPage() {
             description="AirPro HVAC has been keeping homes and businesses comfortable for nearly two decades. Our certified technicians deliver expert installations, maintenance, and repairs — backed by transparent pricing and a commitment to getting the job done right the first time."
             metrics={[
               {
-                value: "2,500+",
-                title: "Systems installed and serviced",
+                value: "2,500+",                title: "Systems installed and serviced"
               },
               {
-                value: "98%",
-                title: "Customer satisfaction rate",
-              },
+                value: "98%",                title: "Customer satisfaction rate"
+              }
             ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg?_wi=1"
             imageAlt="Commercial HVAC units on rooftop"
             mediaBadge={{
-              text: "Active Now",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg",
-              avatarAlt: "Technician"
+              text: "Active Now",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg",              avatarAlt: "Technician"
             }}
             mediaAnimation="slide-up"
             metricsAnimation="slide-up"
@@ -99,41 +99,23 @@ export default function HvacPage() {
             buttonAnimation="slide-up"
             features={[
               {
-                title: "AC Installation",
-                description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg",
-                imageAlt: "AC installation service",
+                title: "AC Installation",                description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg?_wi=1",                imageAlt: "AC installation service"
               },
               {
-                title: "Heating Systems",
-                description: "Complete furnace and heat pump installations to keep you warm through every winter.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg",
-                imageAlt: "Heating system service",
+                title: "Heating Systems",                description: "Complete furnace and heat pump installations to keep you warm through every winter.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg?_wi=1",                imageAlt: "Heating system service"
               },
               {
-                title: "Maintenance Plans",
-                description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg",
-                imageAlt: "HVAC maintenance",
+                title: "Maintenance Plans",                description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg?_wi=1",                imageAlt: "HVAC maintenance"
               },
               {
-                title: "Emergency Repairs",
-                description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg",
-                imageAlt: "Emergency HVAC repair",
+                title: "Emergency Repairs",                description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg?_wi=1",                imageAlt: "Emergency HVAC repair"
               },
               {
-                title: "Duct Cleaning",
-                description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg",
-                imageAlt: "Duct cleaning service",
+                title: "Duct Cleaning",                description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg?_wi=1",                imageAlt: "Duct cleaning service"
               },
               {
-                title: "System Inspections",
-                description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg",
-                imageAlt: "HVAC system inspection",
-              },
+                title: "System Inspections",                description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg",                imageAlt: "HVAC system inspection"
+              }
             ]}
             gridVariant="uniform-all-items-equal"
             uniformGridCustomHeightClasses="aspect-square"
@@ -144,25 +126,53 @@ export default function HvacPage() {
             useInvertedBackground={false}
           />
         </div>
+
+        <div id="interventions" data-section="interventions">
+          <FeatureCardSeven
+            title="Nos interventions"
+            description="Découvrez nos services spécialisés pour répondre à tous vos besoins avec professionnalisme et efficacité."
+            features={[
+              {
+                title: "Nettoyage de vitres en hauteur",                description: "Nettoyage professionnel de vitres en hauteur pour bâtiments commerciaux et résidentiels, garantissant une clarté impeccable.",                buttons: [{ text: "En savoir plus", href: "#contact" }]
+              },
+              {
+                title: "Réparation et peinture de façades",                description: "Expertise en réparation, rénovation et peinture de façades pour protéger et embellir vos structures, avec des matériaux durables.",                buttons: [{ text: "Demander un devis", href: "#contact" }]
+              },
+              {
+                title: "Inspection de bâtiments",                description: "Inspections détaillées de bâtiments à l'aide de technologies avancées pour identifier les problèmes structurels ou d'entretien.",                buttons: [{ text: "Prendre rendez-vous", href: "#contact" }]
+              },
+              {
+                title: "Maintenance industrielle",                description: "Services de maintenance complets pour les installations industrielles, assurant la performance et la sécurité de vos équipements.",                buttons: [{ text: "Contactez-nous", href: "#contact" }]
+              },
+              {
+                title: "Travaux sur accès difficile",                description: "Interventions spécialisées dans les zones difficiles d'accès, y compris travaux en hauteur et en espaces confinés, en toute sécurité.",                buttons: [{ text: "Découvrir", href: "#contact" }]
+              },
+              {
+                title: "Intervention urgente 24h/24",                description: "Service d'intervention rapide 24 heures sur 24, 7 jours sur 7, pour toutes vos urgences, avec une équipe prête à agir.",                buttons: [{ text: "Appeler", href: "tel:+21620059733" }]
+              }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+
         <FeatureBorderGlow
           title="Why Choose AirPro"
           description="What sets us apart from the rest"
           features={[
             {
               icon: ShieldCheck,
-              title: "Reliability & Trust",
-              description: "Looking for a dependable HVAC company? We arrive on time and do the job right.",
+              title: "Reliability & Trust",              description: "Looking for a dependable HVAC company? We arrive on time and do the job right."
             },
             {
               icon: Wrench,
-              title: "Quality Workmanship",
-              description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials.",
+              title: "Quality Workmanship",              description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials."
             },
             {
               icon: DollarSign,
-              title: "Fair & Transparent Pricing",
-              description: "No surprises here! We offer clear quotes and fair pricing for quality work.",
-            },
+              title: "Fair & Transparent Pricing",              description: "No surprises here! We offer clear quotes and fair pricing for quality work."
+            }
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -174,65 +184,58 @@ export default function HvacPage() {
           description="Our simple process from first call to finished job"
           features={[
             {
-              title: "Schedule a Call",
-              description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg",
-              imageAlt: "Scheduling a service call",
+              title: "Schedule a Call",              description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg?_wi=2",              imageAlt: "Scheduling a service call"
             },
             {
-              title: "On-Site Diagnosis",
-              description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg",
-              imageAlt: "Technician diagnosing HVAC system",
+              title: "On-Site Diagnosis",              description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg?_wi=2",              imageAlt: "Technician diagnosing HVAC system"
             },
             {
-              title: "Expert Repair or Install",
-              description: "We complete the work using premium parts and proven techniques — most jobs done same day.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg",
-              imageAlt: "HVAC repair in progress",
+              title: "Expert Repair or Install",              description: "We complete the work using premium parts and proven techniques — most jobs done same day.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg?_wi=2",              imageAlt: "HVAC repair in progress"
             },
             {
-              title: "Quality Guarantee",
-              description: "We test everything before we leave and back all work with our satisfaction guarantee.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg",
-              imageAlt: "Final quality check",
-            },
+              title: "Quality Guarantee",              description: "We test everything before we leave and back all work with our satisfaction guarantee.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg?_wi=2",              imageAlt: "Final quality check"
+            }
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
         />
+
+        <div id="gallery" data-section="gallery">
+          <ProductCardTwo
+            title="Our Project Gallery"
+            description="Showcasing our completed HVAC installations and successful projects."
+            products={[
+              { id: "1", name: "AC Unit Installation", brand: "AirPro", price: "Upon Quote", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg?_wi=3", imageAlt: "AC Unit Installation" },
+              { id: "2", name: "Commercial HVAC System", brand: "AirPro", price: "Upon Quote", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg?_wi=2", imageAlt: "Commercial HVAC System" },
+              { id: "3", name: "Residential Furnace Repair", brand: "AirPro", price: "Upon Quote", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg?_wi=2", imageAlt: "Residential Furnace Repair" },
+              { id: "4", name: "Ductwork Cleaning", brand: "AirPro", price: "Upon Quote", rating: 4.8, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg?_wi=3", imageAlt: "Ductwork Cleaning" },
+              { id: "5", name: "Preventative Maintenance", brand: "AirPro", price: "Upon Quote", rating: 4.9, reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg?_wi=3", imageAlt: "Preventative Maintenance" },
+              { id: "6", name: "Emergency Service", brand: "AirPro", price: "Upon Quote", rating: 5, reviewCount: "7", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg?_wi=3", imageAlt: "Emergency Service" }
+            ]}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardThirteen
             title="What Our Clients Say"
             description="Hear from homeowners and businesses who trust AirPro HVAC."
             testimonials={[
               {
-                id: "1",
-                name: "James R.",
-                handle: "Homeowner, Austin TX",
-                testimonial: "AirPro replaced our entire AC system in one day. The crew was professional, clean, and the new unit runs quieter than anything we've had before. Highly recommend.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
-                imageAlt: "James R.",
+                id: "1",                name: "James R.",                handle: "Homeowner, Austin TX",                testimonial: "AirPro replaced our entire AC system in one day. The crew was professional, clean, and the new unit runs quieter than anything we've had before. Highly recommend.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",                imageAlt: "James R."
               },
               {
-                id: "2",
-                name: "Linda M.",
-                handle: "Business Owner, Dallas TX",
-                testimonial: "We use AirPro for all three of our office locations. Their maintenance plans have saved us thousands in emergency repairs. Always on time, always honest.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
-                imageAlt: "Linda M.",
+                id: "2",                name: "Linda M.",                handle: "Business Owner, Dallas TX",                testimonial: "We use AirPro for all three of our office locations. Their maintenance plans have saved us thousands in emergency repairs. Always on time, always honest.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",                imageAlt: "Linda M."
               },
               {
-                id: "3",
-                name: "Carlos D.",
-                handle: "Homeowner, Houston TX",
-                testimonial: "Our furnace broke down on the coldest night of the year. AirPro had someone at our door within two hours. Fixed it on the spot. Can't thank them enough.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg",
-                imageAlt: "Carlos D.",
-              },
+                id: "3",                name: "Carlos D.",                handle: "Homeowner, Houston TX",                testimonial: "Our furnace broke down on the coldest night of the year. AirPro had someone at our door within two hours. Fixed it on the spot. Can't thank them enough.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg",                imageAlt: "Carlos D."
+              }
             ]}
             showRating={true}
             animationType="slide-up"
@@ -250,44 +253,32 @@ export default function HvacPage() {
             useInvertedBackground={false}
             faqs={[
               {
-                id: "1",
-                title: "Do you offer 24/7 emergency service?",
-                content: "Yes! We provide round-the-clock emergency HVAC service. If your system breaks down in the middle of the night or on a weekend, call us and a technician will be at your door as soon as possible.",
+                id: "1",                title: "Do you offer 24/7 emergency service?",                content: "Yes! We provide round-the-clock emergency HVAC service. If your system breaks down in the middle of the night or on a weekend, call us and a technician will be at your door as soon as possible."
               },
               {
-                id: "2",
-                title: "How often should I service my HVAC system?",
-                content: "We recommend servicing your system at least twice a year — once before summer for cooling and once before winter for heating. Regular maintenance extends your system's life and keeps energy bills low.",
+                id: "2",                title: "How often should I service my HVAC system?",                content: "We recommend servicing your system at least twice a year — once before summer for cooling and once before winter for heating. Regular maintenance extends your system's life and keeps energy bills low."
               },
               {
-                id: "3",
-                title: "What brands do you install and repair?",
-                content: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers.",
+                id: "3",                title: "What brands do you install and repair?",                content: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers."
               },
               {
-                id: "4",
-                title: "Do you offer financing options?",
-                content: "Yes, we offer flexible financing plans for new installations and major repairs. Ask about our 0% interest options so you can stay comfortable without straining your budget.",
+                id: "4",                title: "Do you offer financing options?",                content: "Yes, we offer flexible financing plans for new installations and major repairs. Ask about our 0% interest options so you can stay comfortable without straining your budget."
               },
               {
-                id: "5",
-                title: "How long does a typical installation take?",
-                content: "Most residential HVAC installations are completed in one day. Larger commercial projects may take 2-3 days depending on the scope. We'll give you an accurate timeline during your consultation.",
-              },
+                id: "5",                title: "How long does a typical installation take?",                content: "Most residential HVAC installations are completed in one day. Larger commercial projects may take 2-3 days depending on the scope. We'll give you an accurate timeline during your consultation."
+              }
             ]}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
-            tag="Get in Touch"
-            tagIcon={Phone}
+          <ContactCenter
+            tag="Contact Us"
             title="Ready to Stay Comfortable Year-Round?"
-            description="Whether you need a new installation, emergency repair, or routine maintenance — our team is ready to help. Call us today or request a free quote."
-            buttons={[
-              { text: "Get a Free Quote", href: "#contact" },
-              { text: "Call (555) 987-6543", href: "tel:5559876543" },
-            ]}
+            description="Have a question or need service? Reach out to our team.\n\nAddress: 40 Avenue Habib Bourguiba, Tunis 2051\nPhone: +216 20 059 733\n\nFind us on Google Maps: https://www.google.com/maps/place/40+Avenue+Habib+Bourguiba,+Tunis+2051"
+            inputPlaceholder="Your Email"
+            buttonText="Send Message"
+            termsText="By sending a message, you agree to our privacy policy."
             background={{ variant: "plain" }}
             useInvertedBackground={false}
           />
@@ -300,31 +291,28 @@ export default function HvacPage() {
             imageAlt="HVAC technician inspecting equipment"
             columns={[
               {
-                title: "Services",
-                items: [
+                title: "Services",                items: [
                   { label: "AC Installation", href: "#services" },
                   { label: "Heating Systems", href: "#services" },
                   { label: "Maintenance Plans", href: "#services" },
-                  { label: "Emergency Repairs", href: "#services" },
-                ],
+                  { label: "Emergency Repairs", href: "#services" }
+                ]
               },
               {
-                title: "Company",
-                items: [
+                title: "Company",                items: [
                   { label: "About Us", href: "#about" },
+                  { label: "Gallery", href: "#gallery" },
                   { label: "Testimonials", href: "#testimonials" },
                   { label: "FAQ", href: "#faq" },
-                  { label: "Contact", href: "#contact" },
-                ],
+                  { label: "Contact", href: "#contact" }
+                ]
               },
               {
-                title: "Contact",
-                items: [
-                  { label: "(555) 987-6543", href: "tel:5559876543" },
-                  { label: "info@airprohvac.com", href: "mailto:info@airprohvac.com" },
-                  { label: "Austin, TX" },
-                ],
-              },
+                title: "Contact",                items: [
+                  { label: "+216 20 059 733", href: "tel:+21620059733" },
+                  { label: "40 Avenue Habib Bourguiba, Tunis 2051", href: "https://www.google.com/maps/place/40+Avenue+Habib+Bourguiba,+Tunis+2051" }
+                ]
+              }
             ]}
             copyrightText="© 2026 | AirPro HVAC"
           />
@@ -332,4 +320,4 @@ export default function HvacPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f8fafc;
-  --card: #ffffff;
-  --foreground: #0f172a;
-  --primary-cta: #1d4ed8;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #e34400;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #e0e7ff;
-  --secondary-cta-text: #1e3a5f;
-  --accent: #3b82f6;
-  --background-accent: #60a5fa;
+  --secondary-cta: #010101;
+  --secondary-cta-text: #ffffff;
+  --accent: #ff7b05;
+  --background-accent: #106efb;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);