Update theme fonts

Merge version_2 into main

src/app/layout.tsx

@@ -20,6 +20,7 @@ export const metadata: Metadata = {
   },
 };
 
+
 const archivo = Archivo({
   variable: "--font-archivo",
   subsets: ["latin"],

src/app/page.tsx

@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { ShieldCheck } from "lucide-react";
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { ShieldCheck, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,33 +31,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "#hero"},
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Services",          id: "#services"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="ARS Roofing"
-      button={{
-        text: "Get Quote",        href: "#contact"}}
+      button={{ text: "Get Quote", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Alternative Roofing Services: Quality You Can Trust"
       description="Premium roofing solutions tailored for modern homes. Expert installations, repairs, and long-term maintenance for every season."
       tag="Trusted Professional Roofers"
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",          imageAlt: "Professional roof installation"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg",          imageAlt: "Close-up of premium shingles"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Professional roof installation" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", imageAlt: "Close-up of premium shingles" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -74,12 +65,9 @@ export default function LandingPage() {
       title="Decades of Roof Excellence"
       description="ARS has served the community for over 20 years, ensuring every home stays dry, safe, and beautiful. We blend traditional craftsmanship with cutting-edge materials."
       bulletPoints={[
-        {
-          title: "Licensed Professionals",          description: "Fully insured and certified installation experts."},
-        {
-          title: "Premium Materials",          description: "Top-tier shingles, metal, and tiles that last."},
-        {
-          title: "Comprehensive Warranty",          description: "Peace of mind with every project completed."},
+        { title: "Licensed Professionals", description: "Fully insured and certified installation experts." },
+        { title: "Premium Materials", description: "Top-tier shingles, metal, and tiles that last." },
+        { title: "Comprehensive Warranty", description: "Peace of mind with every project completed." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/smiling-female-supervisor-communicating-with-foreman-outdoors_259150-60520.jpg"
       mediaAnimation="blur-reveal"
@@ -87,31 +75,15 @@ export default function LandingPage() {
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardTwentyFour
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",          title: "Roof Installation",          author: "Pro Team",          description: "Start fresh with a modern, high-efficiency roofing system.",          tags: [
-            "New Build",            "Modern"],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg"},
-        {
-          id: "f2",          title: "Emergency Repair",          author: "Rapid Response",          description: "Fast diagnostics and fixes when you need them most.",          tags: [
-            "Repair",            "Urgent"],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg"},
-        {
-          id: "f3",          title: "Maintenance Plans",          author: "Support Dept",          description: "Proactive inspections to extend your roof's lifespan.",          tags: [
-            "Support",            "Annual"],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg"},
-        {
-          id: "f4",          title: "Drainage Management",          author: "Systems Tech",          description: "Prevent water damage with our pro gutter solutions.",          tags: [
-            "Drainage",            "Preventive"],
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg"},
-        {
-          id: "f5",          title: "Roof Inspection",          author: "Safety Audit",          description: "Comprehensive site safety and structure evaluations.",          tags: [
-            "Analysis",            "Safety"],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"},
+      products={[
+        { id: "f1", name: "Roof Installation", price: "Professional Grade", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg" },
+        { id: "f2", name: "Emergency Repair", price: "24/7 Response", imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg" },
+        { id: "f3", name: "Maintenance Plans", price: "Extended Life", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg" }
       ]}
       title="Our Specialized Roofing Services"
       description="From emergency repairs to complete roof replacements, we provide end-to-end support for your biggest home investment."
@@ -125,18 +97,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Asphalt Shingles",          price: "From $5/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg"},
-        {
-          id: "p2",          name: "Metal Paneling",          price: "From $8/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg"},
-        {
-          id: "p3",          name: "Clay Tiles",          price: "From $12/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-30435.jpg"},
-        {
-          id: "p4",          name: "Slate Materials",          price: "From $15/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-16023.jpg"},
-        {
-          id: "p5",          name: "Solar Shingles",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/house-made-leaf_23-2148576716.jpg"},
-        {
-          id: "p6",          name: "Drainage Systems",          price: "From $400/set",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"},
+        { id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg" },
+        { id: "p2", name: "Metal Paneling", price: "From $8/sq ft", imageSrc: "http://img.b2bpic.net/modern-stadium_1127-110.jpg" },
+        { id: "p3", name: "Clay Tiles", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/textured-background_53876-30435.jpg" }
       ]}
       title="Roofing Materials Gallery"
       description="Browse our curated selection of high-performance materials for durability and curb appeal."
@@ -144,103 +107,74 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
+      <MetricCardOne
+      animationType="depth-3d"
+      gridVariant="uniform-all-items-equal"
       textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",          value: "1500+",          title: "Completed Projects",          items: [
-            "Residential",            "Commercial"],
-        },
-        {
-          id: "m2",          value: "20+",          title: "Years Experience",          items: [
-            "Industry Leaders"],
-        },
-        {
-          id: "m3",          value: "99%",          title: "Customer Satisfaction",          items: [
-            "Highest Rated"],
-        },
-      ]}
       title="Our Impact in Numbers"
       description="ARS Roofing prides itself on measurable results and customer trust."
+      useInvertedBackground={false}
+      metrics={[
+        { id: "m1", value: "1500+", title: "Projects", description: "Residential & Commercial", icon: ShieldCheck },
+        { id: "m2", value: "20+", title: "Years", description: "Industry Leadership", icon: ShieldCheck },
+        { id: "m3", value: "99%", title: "Satisfaction", description: "Rated by Homeowners", icon: Star },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          title: "Excellent Team",          quote: "The team finished my roof faster than I expected, and the quality is superb.",          name: "Sarah J.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg"},
-        {
-          id: "t2",          title: "Professional Service",          quote: "ARS roofing helped me through a leak emergency. They are truly the best in the business.",          name: "Mark D.",          role: "Project Manager",          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
-        {
-          id: "t3",          title: "Very Satisfied",          quote: "Absolutely top notch materials and attention to detail. My roof looks brand new.",          name: "Linda M.",          role: "Architect",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenage-girl-with-chubby-cheeks-make-up-long-wavy-hair-posing-home-sitting-table-smiling-happily-camera-being-good-mood_343059-2080.jpg"},
-        {
-          id: "t4",          title: "Highly Recommended",          quote: "Fast, clean, and extremely professional. Best roofing experience ever.",          name: "Robert B.",          role: "Teacher",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-couple-together-love_23-2148388839.jpg"},
-        {
-          id: "t5",          title: "Great Value",          quote: "Affordable yet high quality. My energy bills dropped after the new install.",          name: "David L.",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg"},
-      ]}
+      <TestimonialCardSixteen
       title="What Homeowners Say"
       description="We are proud to serve our community and share their stories."
+      textboxLayout="split"
+      useInvertedBackground={true}
+      animationType="depth-3d"
+      kpiItems={[
+        { value: "500+", label: "Happy Clients" },
+        { value: "1500+", label: "Projects Finished" },
+        { value: "20+", label: "Years Expertise" }
+      ]}
+      testimonials={[
+        { id: "t1", name: "Sarah J.", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg" },
+        { id: "t2", name: "Mark D.", role: "Project Manager", company: "Corporate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg" }
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",          title: "How long does a roof last?",          content: "Depending on materials, modern roofs last 20–50 years."},
-        {
-          id: "q2",          title: "Do you offer financing?",          content: "Yes, we work with various partners to provide flexible payment options."},
-        {
-          id: "q3",          title: "Can I install over an old roof?",          content: "It depends on existing layer count, but a fresh start is usually best."},
-      ]}
-      title="Common Questions"
-      description="Find answers to popular questions about roofing maintenance and installation."
+      <FaqSplitText
+      sideTitle="Common Questions"
+      sideDescription="Find answers to popular questions about roofing maintenance and installation."
+      useInvertedBackground={false}
       faqsAnimation="slide-up"
+      faqs={[
+        { id: "q1", title: "How long does a roof last?", content: "Depending on materials, modern roofs last 20–50 years." },
+        { id: "q2", title: "Do you offer financing?", content: "Yes, we work with various partners to provide flexible payment options." },
+        { id: "q3", title: "Can I install over an old roof?", content: "It depends on existing layer count, but a fresh start is usually best." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Ready to discuss your new roof? Get a free inspection from our expert team today."
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "#"},
-      ]}
+      <ContactSplit
+      title="Get Your Free Quote"
+      description="Ready to discuss your new roof? Get a professional inspection from our team today."
+      background={{ variant: "sparkles-gradient" }}
+      inputPlaceholder="Your best email"
+      buttonText="Submit Request"
+      useInvertedBackground={true}
+      tag="Contact"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="ARS Roofing"
       columns={[
-        {
-          title: "ARS Roofing",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Services",              href: "#services"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
+        { items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
+        { items: [{ label: "Services", href: "#services" }, { label: "Support", href: "#faq" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Legal", href: "#" }] }
       ]}
-      bottomLeftText="© 2024 Alternative Roofing Services (ARS)"
-      bottomRightText="All rights reserved"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #efecec;
+  --card: #f23636;
+  --foreground: #000000;
+  --primary-cta: #cfcccc;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e63131;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #e63946;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);