Merge version_1 into main #2
328
src/app/page.tsx
328
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { AlertTriangle, CheckCircle, Tool } from "lucide-react";
|
||||
import { AlertTriangle, CheckCircle, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,65 +32,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Summit Roofing"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Summit Quality Roofing"
|
||||
description="Your trusted partner for premium roofing solutions. Reliable, durable, and expertly installed roofs for your peace of mind."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=1",
|
||||
imageAlt: "residential roof installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg?_wi=1",
|
||||
imageAlt: "roof repair specialist work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern-background_1203-3028.jpg?_wi=1",
|
||||
imageAlt: "new roof shingle texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148107091.jpg",
|
||||
imageAlt: "residential roof installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080258.jpg",
|
||||
imageAlt: "roof repair specialist work",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg", imageAlt: "residential roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg", imageAlt: "roof repair specialist work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern-background_1203-3028.jpg", imageAlt: "new roof shingle texture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148107091.jpg", imageAlt: "residential roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080258.jpg", imageAlt: "roof repair specialist work" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -103,50 +66,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "High-quality shingle, metal, and tile installation.",
|
||||
icon: Tool,
|
||||
title: "Roof Installation", description: "High-quality shingle, metal, and tile installation.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drips-morning-dew-car-window_181624-3141.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=2",
|
||||
imageAlt: "roof shingle installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drips-morning-dew-car-window_181624-3141.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response for storm damage and leaks.",
|
||||
icon: AlertTriangle,
|
||||
title: "Emergency Repairs", description: "Rapid response for storm damage and leaks.", icon: AlertTriangle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg?_wi=2",
|
||||
imageAlt: "roof shingle installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Maintenance Plans",
|
||||
description: "Regular inspections to extend roof longevity.",
|
||||
icon: CheckCircle,
|
||||
title: "Maintenance Plans", description: "Regular inspections to extend roof longevity.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern-background_1203-3028.jpg?_wi=2",
|
||||
imageAlt: "roof shingle installation",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Expert Roofing Services"
|
||||
description="Comprehensive roofing care tailored to your home's unique needs."
|
||||
@@ -160,54 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CertainTeed",
|
||||
name: "Asphalt Shingles",
|
||||
price: "From $5/sq ft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-twilight-air-blue-background_1172-233.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "MetalWorks",
|
||||
name: "Standing Seam Metal",
|
||||
price: "From $12/sq ft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "SlateDesign",
|
||||
name: "Natural Slate",
|
||||
price: "From $25/sq ft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-exercising-staircase-winter_23-2147905357.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "EcoTile",
|
||||
name: "Composite Tiles",
|
||||
price: "From $9/sq ft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "CedarShakes",
|
||||
name: "Cedar Shakes",
|
||||
price: "From $18/sq ft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "CoolRoof",
|
||||
name: "Reflective Roofing",
|
||||
price: "From $7/sq ft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "CertainTeed", name: "Asphalt Shingles", price: "From $5/sq ft", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/sun-twilight-air-blue-background_1172-233.jpg" },
|
||||
{ id: "p2", brand: "MetalWorks", name: "Standing Seam Metal", price: "From $12/sq ft", rating: 5, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg" },
|
||||
{ id: "p3", brand: "SlateDesign", name: "Natural Slate", price: "From $25/sq ft", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-exercising-staircase-winter_23-2147905357.jpg" },
|
||||
{ id: "p4", brand: "EcoTile", name: "Composite Tiles", price: "From $9/sq ft", rating: 5, reviewCount: "33", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg" },
|
||||
{ id: "p5", brand: "CedarShakes", name: "Cedar Shakes", price: "From $18/sq ft", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg" },
|
||||
{ id: "p6", brand: "CoolRoof", name: "Reflective Roofing", price: "From $7/sq ft", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg" }
|
||||
]}
|
||||
title="Roofing Materials"
|
||||
description="Choose from a wide variety of premium materials."
|
||||
@@ -220,18 +117,9 @@ export default function LandingPage() {
|
||||
title="Decades of Roofing Excellence"
|
||||
description="Founded on trust and craftsmanship, our team delivers superior protection for your home. We treat every roof like it's our own."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Roofs Replaced",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Roofs Replaced" },
|
||||
{ value: "100%", title: "Client Satisfaction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-pensive-male-business-executive-signing-papers-given-by-secretary_1262-12470.jpg"
|
||||
imageAlt="professional roofing team"
|
||||
@@ -246,21 +134,9 @@ export default function LandingPage() {
|
||||
title="Quality by Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10Yr",
|
||||
description: "Workmanship Guarantee",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Happy Residents",
|
||||
},
|
||||
{ id: "m1", value: "24/7", description: "Emergency Support" },
|
||||
{ id: "m2", value: "10Yr", description: "Workmanship Guarantee" },
|
||||
{ id: "m3", value: "5k+", description: "Happy Residents" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -273,46 +149,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-her-girlfriend-s-hand-sitting-outdoor_23-2147891197.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Anderson",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dutch-angle-shot-tall-apartment-building-windows_181624-4089.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Martinez",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-enjoying-music_23-2148602721.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-her-girlfriend-s-hand-sitting-outdoor_23-2147891197.jpg" },
|
||||
{ id: "2", name: "James Anderson", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dutch-angle-shot-tall-apartment-building-windows_181624-4089.jpg" },
|
||||
{ id: "3", name: "Emily Chen", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
|
||||
{ id: "4", name: "David Wilson", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg" },
|
||||
{ id: "5", name: "Linda Martinez", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-enjoying-music_23-2148602721.jpg" }
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Don't take our word for it—hear from satisfied homeowners."
|
||||
@@ -324,21 +165,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I replace my roof?",
|
||||
content: "Typically, roofs last 20-25 years, but damage may require earlier replacement.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide completely free, no-obligation estimates for every client.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What kind of warranty do you offer?",
|
||||
content: "We offer a 10-year workmanship guarantee on all full roof replacements.",
|
||||
},
|
||||
{ id: "q1", title: "How often should I replace my roof?", content: "Typically, roofs last 20-25 years, but damage may require earlier replacement." },
|
||||
{ id: "q2", title: "Do you offer free estimates?", content: "Yes, we provide completely free, no-obligation estimates for every client." },
|
||||
{ id: "q3", title: "What kind of warranty do you offer?", content: "We offer a 10-year workmanship guarantee on all full roof replacements." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-engineer-pointing-clipboard-uniform-looking-focused-front-view_176474-21311.jpg"
|
||||
title="Common Roofing Questions"
|
||||
@@ -355,30 +184,11 @@ export default function LandingPage() {
|
||||
title="Ready for a New Roof?"
|
||||
description="Contact us today to schedule your free inspection."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your roofing needs...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your roofing needs...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-concept-with-building-plan_23-2147813067.jpg"
|
||||
mediaPosition="left"
|
||||
imageAlt="roofing consultant professional"
|
||||
@@ -389,40 +199,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Summit Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#services-catalog",
|
||||
},
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#services-catalog",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services-catalog",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Installation", href: "#services-catalog" }, { label: "Repair", href: "#services-catalog" }, { label: "Maintenance", href: "#services-catalog" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Summit Roofing. All rights reserved."
|
||||
/>
|
||||
@@ -430,4 +208,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user