Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-20 09:45:08 +00:00

View File

@@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Building, Camera, FileText, Tool, Wrench, Zap } from "lucide-react";
import { Building, Camera, FileText, Wrench, Zap, Hammer } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Process",
id: "#process",
},
name: "Process", id: "#process"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
]}
brandName="Accent Roofing"
/>
@@ -58,74 +50,40 @@ export default function LandingPage() {
description="Premium roof replacement, repairs, inspections & storm restoration with white-glove service and unmatched craftsmanship."
testimonials={[
{
name: "Marcus Friday",
handle: "@mfriday",
testimonial: "From start to finish, handled with professionalism, care and integrity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg?_wi=1",
},
name: "Marcus Friday", handle: "@mfriday", testimonial: "From start to finish, handled with professionalism, care and integrity.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg"},
{
name: "Allan Owen",
handle: "@aowen",
testimonial: "Best home decision I have made.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg?_wi=1",
},
name: "Allan Owen", handle: "@aowen", testimonial: "Best home decision I have made.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg"},
{
name: "Dan Killam",
handle: "@dkillam",
testimonial: "Seamless process. Constant updates with drone footage.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-415.jpg?_wi=1",
},
name: "Dan Killam", handle: "@dkillam", testimonial: "Seamless process. Constant updates with drone footage.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-415.jpg"},
{
name: "Sarah Miller",
handle: "@smiller",
testimonial: "The cleanup was spotless, and the team was incredibly respectful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg?_wi=1",
},
name: "Sarah Miller", handle: "@smiller", testimonial: "The cleanup was spotless, and the team was incredibly respectful.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg"},
{
name: "John Doe",
handle: "@jdoe",
testimonial: "Unmatched expertise. My roof looks incredible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg?_wi=1",
},
name: "John Doe", handle: "@jdoe", testimonial: "Unmatched expertise. My roof looks incredible.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg"},
]}
buttons={[
{
text: "Get Free Inspection",
href: "#contact",
},
text: "Get Free Inspection", href: "#contact"},
{
text: "Call Now",
href: "tel:5550102",
},
text: "Call Now", href: "tel:5550102"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg"
imageAlt="Aerial shot of a luxury roof installation"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-thumbs-up_1262-2446.jpg",
alt: "Customer testimonial 1",
},
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-thumbs-up_1262-2446.jpg", alt: "Customer testimonial 1"},
{
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
alt: "Customer testimonial 2",
},
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Customer testimonial 2"},
{
src: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg",
alt: "Customer testimonial 3",
},
src: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg", alt: "Customer testimonial 3"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg",
alt: "Customer testimonial 4",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg", alt: "Customer testimonial 4"},
{
src: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg",
alt: "Customer testimonial 5",
},
src: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg", alt: "Customer testimonial 5"},
]}
avatarText="Trusted by 3,605+ local homeowners"
/>
@@ -138,25 +96,13 @@ export default function LandingPage() {
tag="Trusted By Thousands"
metrics={[
{
id: "m1",
value: "3,605+",
description: "Verified Customer Reviews",
},
id: "m1", value: "3,605+", description: "Verified Customer Reviews"},
{
id: "m2",
value: "5.0",
description: "Google Rating Average",
},
id: "m2", value: "5.0", description: "Google Rating Average"},
{
id: "m3",
value: "12+",
description: "Years of Experience",
},
id: "m3", value: "12+", description: "Years of Experience"},
{
id: "m4",
value: "24h",
description: "Emergency Response Time",
},
id: "m4", value: "24h", description: "Emergency Response Time"},
]}
metricsAnimation="slide-up"
/>
@@ -169,106 +115,58 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Roof Replacement",
description: "Upgrade your home's protection with top-tier materials.",
icon: Tool,
title: "Roof Replacement", description: "Upgrade your home's protection with top-tier materials.", icon: Hammer,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg",
imageAlt: "New roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg", imageAlt: "New roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
imageAlt: "New roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", imageAlt: "New roof installation"},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg?_wi=2",
imageAlt: "new roof installation professional residential",
},
{
title: "Roof Repair",
description: "Fast, reliable fixes for leaks and storm damage.",
icon: Wrench,
title: "Roof Repair", description: "Fast, reliable fixes for leaks and storm damage.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
imageAlt: "Expert roof repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Expert roof repair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
imageAlt: "Expert roof repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", imageAlt: "Expert roof repair"},
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg?_wi=2",
imageAlt: "new roof installation professional residential",
},
{
title: "Roof Inspection",
description: "Advanced drone technology for detailed assessments.",
icon: Camera,
title: "Roof Inspection", description: "Advanced drone technology for detailed assessments.", icon: Camera,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-looking-tablet_23-2148269414.jpg",
imageAlt: "Drone roof inspection",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-looking-tablet_23-2148269414.jpg", imageAlt: "Drone roof inspection"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
imageAlt: "Drone roof inspection",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "Drone roof inspection"},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg?_wi=2",
imageAlt: "new roof installation professional residential",
},
{
title: "Insurance Help",
description: "Managing the complex claims process for you.",
icon: FileText,
title: "Insurance Help", description: "Managing the complex claims process for you.", icon: FileText,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg",
imageAlt: "Roof insurance help",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", imageAlt: "Roof insurance help"},
{
imageSrc: "http://img.b2bpic.net/free-photo/house-human-hands-white_1150-12958.jpg",
imageAlt: "Roof insurance help",
},
imageSrc: "http://img.b2bpic.net/free-photo/house-human-hands-white_1150-12958.jpg", imageAlt: "Roof insurance help"},
],
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-415.jpg?_wi=2",
imageAlt: "new roof installation professional residential",
},
{
title: "Commercial Roofing",
description: "Dependable systems for local businesses.",
icon: Building,
title: "Commercial Roofing", description: "Dependable systems for local businesses.", icon: Building,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg",
imageAlt: "Commercial roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg", imageAlt: "Commercial roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-schematics_23-2148269844.jpg",
imageAlt: "Commercial roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-schematics_23-2148269844.jpg", imageAlt: "Commercial roof installation"},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg?_wi=2",
imageAlt: "new roof installation professional residential",
},
{
title: "Emergency Roofing",
description: "Rapid response during urgent roofing crises.",
icon: Zap,
title: "Emergency Roofing", description: "Rapid response during urgent roofing crises.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg",
imageAlt: "Emergency roof service",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", imageAlt: "Emergency roof service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29993.jpg",
imageAlt: "Emergency roof service",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29993.jpg", imageAlt: "Emergency roof service"},
],
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg?_wi=2",
imageAlt: "new roof installation professional residential",
},
]}
title="Premium Roofing Services"
@@ -281,13 +179,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="The Accent Roofing Standard"
description={[
"White-Glove Communication: Real-time updates from start to finish.",
"Drone Transparency: Before, during, and after project photos.",
"Elite Cleanup: Magnetic sweeps ensuring a spotless finish.",
"Premium Materials: Only top-tier shingles and systems used.",
"Skilled Crews: Only our most experienced installers on site.",
"Warranty Protection: Long-term peace of mind for every homeowner.",
]}
"White-Glove Communication: Real-time updates from start to finish.", "Drone Transparency: Before, during, and after project photos.", "Elite Cleanup: Magnetic sweeps ensuring a spotless finish.", "Premium Materials: Only top-tier shingles and systems used.", "Skilled Crews: Only our most experienced installers on site.", "Warranty Protection: Long-term peace of mind for every homeowner."]}
/>
</div>
@@ -299,47 +191,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "g1",
name: "Modern Roof Transformation",
price: "View Project",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
},
id: "g1", name: "Modern Roof Transformation", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg"},
{
id: "g2",
name: "Luxury Custom Project",
price: "View Project",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
},
id: "g2", name: "Luxury Custom Project", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"},
{
id: "g3",
name: "Storm Restoration Work",
price: "View Project",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg",
},
id: "g3", name: "Storm Restoration Work", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg"},
{
id: "g4",
name: "Architectural Shingle Project",
price: "View Project",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg",
},
id: "g4", name: "Architectural Shingle Project", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg"},
{
id: "g5",
name: "Real Estate Renovation",
price: "View Project",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-rusty-stairs_23-2149454810.jpg",
},
id: "g5", name: "Real Estate Renovation", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-rusty-stairs_23-2149454810.jpg"},
{
id: "g6",
name: "Complex Shingle Design",
price: "View Project",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg",
},
id: "g6", name: "Complex Shingle Design", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg"},
]}
title="See the Difference"
description="Transformations from our latest luxury projects."
@@ -352,25 +214,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does a roof installation take?",
content: "Most residential projects are completed in 1-2 days.",
},
id: "f1", title: "How long does a roof installation take?", content: "Most residential projects are completed in 1-2 days."},
{
id: "f2",
title: "Are you licensed and insured?",
content: "Yes, we are fully licensed and carry comprehensive insurance for all projects.",
},
id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and carry comprehensive insurance for all projects."},
{
id: "f3",
title: "Do you provide warranties?",
content: "We offer comprehensive labor and material warranties for your peace of mind.",
},
id: "f3", title: "Do you provide warranties?", content: "We offer comprehensive labor and material warranties for your peace of mind."},
{
id: "f4",
title: "How do I schedule an inspection?",
content: "Call us or click 'Schedule Inspection' to get your free report.",
},
id: "f4", title: "How do I schedule an inspection?", content: "Call us or click 'Schedule Inspection' to get your free report."},
]}
title="Your Roofing Questions, Answered."
description="Everything you need to know about your next roofing project."
@@ -382,18 +232,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
text="Ready For a Roof You Never Worry About Again? Book your free inspection today and get expert guidance with zero pressure."
buttons={[
{
text: "Schedule Inspection",
href: "#",
},
text: "Schedule Inspection", href: "#"},
{
text: "Call Now",
href: "tel:5550102",
},
text: "Call Now", href: "tel:5550102"},
]}
/>
</div>
@@ -404,53 +249,33 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Process",
href: "#process",
},
label: "Process", href: "#process"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "License Info",
href: "#",
},
label: "License Info", href: "#"},
],
},
{
items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Book Inspection",
href: "#contact",
},
label: "Book Inspection", href: "#contact"},
{
label: "Social Links",
href: "#",
},
label: "Social Links", href: "#"},
],
},
]}