Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Arizona Roofers | Trusted Expert Roofing Solutions',
-  description: '27+ Years of Excellence. Expert roof replacement, repair, and inspection services in Arizona. Veteran-owned and 5-star rated.',
+  title: 'Arizona Roofers | Professional Roofing Services',
+  description: 'Premium roofing solutions for Arizona homeowners, from repairs to replacements.',
   openGraph: {
     "title": "Arizona Roofers | Luxury Roofing Solutions",
     "description": "Elite roofing services in Arizona. Veteran-owned, 5-star rated.",

src/app/page.tsx

@@ -1,118 +1,94 @@
 'use client';
 
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import TextAbout from '@/components/sections/about/TextAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Star, Zap, CheckCircle } from 'lucide-react';
+
+const navItems = [{ name: "Home", id: "/" }];
 
 export default function Page() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Services", id: "#services" },
-    { name: "Showcase", id: "#showcase" },
-    { name: "Contact", id: "#contact" }
-  ];
-
   return (
-    <ThemeProvider 
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      borderRadius="rounded" 
-      contentWidth="medium" 
-      sizing="medium" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal"
-    >
+    <ThemeProvider>
       <div id="nav" data-section="nav">
-        <NavbarStyleApple brandName="Arizona Roofers" navItems={navItems} />
-      </div>
-      <div id="hero" data-section="hero">
-        <HeroSplitDoubleCarousel 
-          background={{ variant: "gradient-bars" }}
-          title="Arizona’s Most Trusted Roofing Experts"
-          description="27+ Years of Excellence • 5-Star Rated • Veteran-Owned. Elite roofing solutions designed specifically for the desert heat."
-          leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", imageAlt: "Luxury tile roof replacement" }, { imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg", imageAlt: "Shingle roof installation" }]}
-          rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/sitting-man-using-earphones_23-2148000251.jpg", imageAlt: "Patio roofing project" }, { imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-working-roof_23-2148748777.jpg", imageAlt: "Tile roofing exterior" }]}
-          buttons={[{ text: "Get Free Inspection", href: "#contact" }, { text: "Call Now", href: "tel:5550123456" }]}
-        />
+        <NavbarStyleApple navItems={navItems} />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix 
-            animationType="slide-up"
-            textboxLayout="default"
-            title="Trusted by Hundreds of Arizona Homeowners"
-            description="Don't just take our word for it—our clients value our transparent, premium service."
-            useInvertedBackground={false}
-            testimonials={[{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "They made the entire process effortless—from inspection to insurance. The results were incredible.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg" }, { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Great communication from start to finish. The team kept me informed every step.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-walking-city_23-2149401689.jpg" }]} 
+          title="Client Feedback"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          testimonials={[
+            { id: "1", name: "Jane Doe", handle: "@janedoe", testimonial: "Incredible service and attention to detail." },
+            { id: "2", name: "John Smith", handle: "@johnsmith", testimonial: "Exceeded all our expectations, highly recommend!" }
+          ]}
         />
       </div>
       <div id="services" data-section="services">
         <FeatureCardEight 
-            textboxLayout="default"
-            title="Complete Roofing Solutions"
-            description="We offer specialized solutions tailored for the Arizona climate."
-            useInvertedBackground={false}
-            features={[{ title: "Roof Replacement", description: "Premium materials built to last in Arizona heat.", imageSrc: "http://img.b2bpic.net/free-photo/panorama-chisinau-arena-filmed-drone-sunset-moldova_1268-16014.jpg" }, { title: "Roof Inspections", description: "Free, detailed inspections with honest recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_74190-4523.jpg" }]} 
+          title="Our Services"
+          animationType="opacity"
+          textboxLayout="default"
+          features={[
+            { title: "Strategy", description: "Data-driven planning.", imageSrc: "/images/feat1.jpg" },
+            { title: "Design", description: "Crafting beautiful experiences.", imageSrc: "/images/feat2.jpg" }
+          ]}
         />
       </div>
       <div id="why-choose-us" data-section="why-choose-us">
-        <TextAbout title="Why Homeowners Choose Arizona Roofers" useInvertedBackground={false} />
+        <TextAbout 
+          title="Why We Are The Best Choice For Your Business"
+        />
       </div>
       <div id="showcase" data-section="showcase">
         <ProductCardOne 
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
-            title="Recent Projects"
-            description="See the quality of our work."
-            useInvertedBackground={false}
-            products={[{ id: "p1", name: "Tile Replacement", price: "Starting at $4,999", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg" }, { id: "p2", name: "Underlayment Upgrade", price: "Starting at $2,499", imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg" }, { id: "p3", name: "Flat Roof Restoration", price: "Starting at $3,599", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-artistic-architectural-design_23-2148252774.jpg" }]} 
+          title="Featured Products"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          textboxLayout="default"
+          products={[
+            { id: "1", name: "Product A", price: "$99", imageSrc: "/images/p1.jpg" },
+            { id: "2", name: "Product B", price: "$199", imageSrc: "/images/p2.jpg" },
+            { id: "3", name: "Product C", price: "$299", imageSrc: "/images/p3.jpg" }
+          ]}
         />
       </div>
       <div id="process" data-section="process">
         <FeatureCardEight 
-            textboxLayout="default"
-            title="Our Proven Process"
-            description="We make roofing easy and transparent."
-            useInvertedBackground={false}
-            features={[{ title: "1. Free Inspection", description: "We assess your roof thoroughly.", imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg" }, { title: "2. Clear Estimate", description: "No surprises. Full transparency.", imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg" }]} 
+          title="Our Process"
+          animationType="opacity"
+          textboxLayout="default"
+          features={[
+            { title: "Research", description: "Deep dive into market trends.", imageSrc: "/images/proc1.jpg" },
+            { title: "Execution", description: "Bringing vision to life.", imageSrc: "/images/proc2.jpg" }
+          ]}
         />
       </div>
       <div id="financing" data-section="financing">
         <PricingCardOne 
-            animationType="slide-up"
-            textboxLayout="default"
-            title="Roofing Made Affordable"
-            description="Flexible financing options available. Get the roof you need without the stress."
-            useInvertedBackground={false}
-            plans={[{ id: "p1", badge: "Popular", price: "$0 Down", subtitle: "Easy monthly payments", features: ["Quick approval", "Low interest"] }, { id: "p2", badge: "Best Value", price: "Flexible", subtitle: "Customized plans", features: ["Flexible schedule", "No early payoff fees"] }]} 
-        />
-      </div>
-      <div id="contact" data-section="contact">
-        <ContactSplit 
-            tag="Contact"
-            title="Don’t Wait Until It Leaks"
-            description="Protect your home before the next storm hits. Get a free inspection today."
-            imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg"
-            mediaAnimation="slide-up"
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
+          title="Financing Options"
+          animationType="depth-3d"
+          textboxLayout="default"
+          plans={[
+            { id: "starter", badge: "Starter", price: "$0", subtitle: "For individuals", features: ["Core features", "Basic support"] },
+            { id: "pro", badge: "Pro", price: "$49", subtitle: "For teams", features: ["All core features", "Priority support", "Advanced analytics"] }
+          ]}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterSimple 
-            columns={[{ title: "Arizona Roofers", items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }] }, { title: "Resources", items: [{ label: "Contact", href: "#contact" }] }]}
-            bottomLeftText="© 2024 Arizona Roofers. All rights reserved."
-            bottomRightText="Veteran-Owned Business"
+          logoText="Company"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Help", href: "#" }] }
+          ]}
+          bottomLeftText="© 2025 All Rights Reserved"
+          bottomRightText="Made with love"
         />
       </div>
     </ThemeProvider>