Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { Award, Facebook, Instagram, Shield, Twitter, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -29,16 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Services", id: "features" },
-          name: "About",          id: "about"},
+        { name: "Reviews", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",          id: "features"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Avalanche"
     />
@@ -48,23 +43,11 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="Avalanche Roofing"
       description="Avalanche Roofing Service combines premium craftsmanship with customer-first service. Every roof is built to protect what matters most."
-      buttons={[
+      buttons={[{ text: "Schedule Your Inspection", href: "#contact" }]}
-        {
-          text: "Schedule Your Inspection",          href: "#contact"},
-      ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=1", imageAlt: "Luxury home roof" },
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=1",          imageAlt: "Luxury home roof"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=1", imageAlt: "Roofing crew at work" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1", imageAlt: "Shingle texture" },
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=1",          imageAlt: "Roofing crew at work"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1",          imageAlt: "Shingle texture"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=1",          imageAlt: "Modern home exterior"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg?_wi=1",          imageAlt: "New roof installation"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-background-new-house-portrait-first-time-buyer-house-owner-apartment-renter-flat-tenant-landlady-moving-day-buying-own-property-concept_493343-29871.jpg?_wi=1",          imageAlt: "Craftsmanship detail"},
       ]}
     />
   </div>
@@ -75,12 +58,9 @@ export default function LandingPage() {
       title="Generations of Excellence"
       description="We treat your home like our own. With old-fashioned values like hard work, honesty, and integrity, we provide roofing solutions that stand the test of time."
       metrics={[
-        {
+        { value: "100%", title: "Satisfaction Guaranteed" },
-          value: "100%",          title: "Satisfaction Guaranteed"},
+        { value: "24h", title: "Rapid Quote Response" },
-        {
+        { value: "24+", title: "Years Experience" },
-          value: "24h",          title: "Rapid Quote Response"},
-        {
-          value: "24+",          title: "Years Experience"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/confident-architect-smiling_107420-74348.jpg"
       imageAlt="Our professional team"
@@ -95,33 +75,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Full Roof Replacement", description: "Complete removal and installation of durable, high-end roofing systems.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=2" }] },
-          title: "Full Roof Replacement",          description: "Complete removal and installation of durable, high-end roofing systems.",          icon: Shield,
+        { title: "Expert Repair Services", description: "Fast, honest evaluation and repair of leaks and storm damage.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2" }] },
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=2"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=2"},
-          ],
-        },
-        {
-          title: "Expert Repair Services",          description: "Fast, honest evaluation and repair of leaks and storm damage.",          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2"},
-          ],
-        },
-        {
-          title: "Gutter Installations",          description: "Seamless rain gutter systems engineered for maximum protection.",          icon: Award,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg?_wi=2"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-background-new-house-portrait-first-time-buyer-house-owner-apartment-renter-flat-tenant-landlady-moving-day-buying-own-property-concept_493343-29871.jpg?_wi=2"},
-          ],
-        },
       ]}
       title="Our Professional Services"
       description="Providing high-end residential roofing solutions tailored to your unique property needs."
@@ -129,53 +84,36 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardTwo
-      textboxLayout="split"
+      title="Voices of Trust"
+      description="Trusted by hundreds of homeowners for our craftsmanship."
+      textboxLayout="default"
+      animationType="slide-up"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alex R.", role: "Homeowner", testimonial: "Alex and his team were great to work with. Quick, fair, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
-          id: "1",          title: "Outstanding Work",          quote: "Alex and his team were great to work with. I've used them on several projects... Alex was quick, provided a fair bid, and completed work on time.",          name: "Alex R.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg"},
+        { id: "2", name: "Ken P.", role: "Homeowner", testimonial: "Hard work, honesty and integrity. Exceptional experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" }
-        {
-          id: "2",          title: "Honesty & Integrity",          quote: "Mario, Alex and Richard Martinez have old fashioned values like HARD WORK, HONESTY and INTEGRITY.",          name: "Ken P.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg"},
-        {
-          id: "3",          title: "Professional & Fast",          quote: "Alex and Mario did an outstanding job on my roof. They were quick to schedule and had a new roof on within just 2 days. Would highly recommend.",          name: "Greg Gardner",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/surprise-cute-girl-coming-out-cardboard-box_259150-57055.jpg"},
-        {
-          id: "4",          title: "So Happy!",          quote: "Alex was wonderful to work with... His crew showed up on time, finished on time and the clean up was exceptional. We are so happy with our new roof!",          name: "Eileen Walker",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
-        {
-          id: "5",          title: "Highly Recommended",          quote: "Avalanche Roofing was highly recommended to us... We are 100% satisfied with our roof and rain gutters.",          name: "Leigh O'Leary",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg"},
       ]}
-      title="Voices of Trust"
-      description="Trusted by hundreds of homeowners in the Salt Lake City area for our honesty, efficiency, and exceptional craftsmanship."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
+      tag="Get In Touch"
+      title="Ready to Protect Your Investment?"
+      description="Get a fair, honest estimate from the roofing experts at Avalanche today."
+      buttons={[{ text: "Request Inspection", href: "#" }]}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={true}
-      background={{
-        variant: "canvas-reveal"}}
-      text="Ready to protect your most valuable investment? Contact the team at Avalanche Roofing today for your expert inspection and fair, honest estimate."
-      buttons={[
-        {
-          text: "Schedule Your Inspection Now"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="Avalanche Roofing"
-      copyrightText="© 2025 Avalanche Roofing Service"
+      columns={[
-      socialLinks={[
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
-        {
+        { title: "Services", items: [{ label: "Roofing", href: "#features" }, { label: "Repairs", href: "#features" }] }
-          icon: Facebook,
-          href: "#",          ariaLabel: "Facebook"},
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
-        {
-          icon: Twitter,
-          href: "#",          ariaLabel: "Twitter"},
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #0a0a0a;
-  --card: #dad6cd;
+  --card: #1a1a1a;
-  --foreground: #2a2928;
+  --foreground: #ffffffe6;
-  --primary-cta: #2a2928;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #b8860b;
-  --background-accent: #c6b180;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);