Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
import { ShieldCheck, Zap, Shield, CheckCircle, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
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="Colin's Roofing"
|
||||
/>
|
||||
@@ -55,43 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Emergency Roofing Repairs, 24/7"
|
||||
description="Don't let a leak compromise your home. Colin's team provides rapid, professional roof repairs when you need it most. Fast, reliable, and guaranteed."
|
||||
tag="Available 24/7"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5550199" },
|
||||
{ text: "Request Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg?_wi=1",
|
||||
imageAlt: "Emergency roof repair in progress",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg?_wi=1",
|
||||
imageAlt: "Professional roofer at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
imageAlt: "Side view man working on roof with a drill",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
||||
imageAlt: "Man working on roof with a drill",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-performs-overhaul-roof-residential-building_181624-61003.jpg",
|
||||
imageAlt: "Worker performs overhaul of the roof of a residential building",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg", imageAlt: "Emergency roof repair in progress" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg", imageAlt: "Professional roofer at work" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,7 +68,7 @@ export default function LandingPage() {
|
||||
title="Restoring Safety to Your Home"
|
||||
description="With over 20 years of experience, we specialize in fixing sudden leaks and storm damage. Colin and his team are your local experts for rapid response roofing."
|
||||
subdescription="We understand that roof emergencies don't wait for business hours. We are here to keep your family and property dry."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="Roof inspection residential"
|
||||
icon={ShieldCheck}
|
||||
@@ -118,34 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Repair",
|
||||
description: "Rapid patching and sealing of emergency leaks.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
imageAlt: "Man walking on the roof ",
|
||||
},
|
||||
{
|
||||
title: "Storm Damage",
|
||||
description: "Quick response to high wind and debris damage.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg?_wi=2",
|
||||
imageAlt: "Man walking on the roof ",
|
||||
},
|
||||
{
|
||||
title: "Tarping",
|
||||
description: "Prevent further damage with expert roof tarping.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg?_wi=2",
|
||||
imageAlt: "Man walking on the roof ",
|
||||
},
|
||||
{
|
||||
title: "Insurance Help",
|
||||
description: "Assistance with your emergency insurance claims.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg?_wi=2",
|
||||
imageAlt: "Man walking on the roof ",
|
||||
},
|
||||
{ title: "Leak Repair", description: "Rapid patching and sealing of emergency leaks.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", imageAlt: "Man walking on the roof" },
|
||||
{ title: "Storm Damage", description: "Quick response to high wind and debris damage.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg", imageAlt: "Man walking on the roof" },
|
||||
{ title: "Tarping", description: "Prevent further damage with expert roof tarping.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg", imageAlt: "Man walking on the roof" },
|
||||
{ title: "Insurance Help", description: "Assistance with your emergency insurance claims.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg", imageAlt: "Man walking on the roof" },
|
||||
]}
|
||||
title="Emergency Services"
|
||||
description="We tackle all urgent roofing issues with precision and care."
|
||||
@@ -159,42 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Shingle Repair",
|
||||
price: "From $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Flat Roof Patch",
|
||||
price: "From $350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Flashing Repair",
|
||||
price: "From $400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chimney Seal",
|
||||
price: "From $300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-lighting-up-fire_23-2149277264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vent Repair",
|
||||
price: "From $200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gutter Inspection",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-holding-tool-his-hand_181624-29345.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Shingle Repair", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg" },
|
||||
{ id: "p2", name: "Flat Roof Patch", price: "From $350", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg" },
|
||||
{ id: "p3", name: "Flashing Repair", price: "From $400", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg" },
|
||||
]}
|
||||
title="Our Specialized Roofing Fixes"
|
||||
description="Premium repair solutions delivered with expert workmanship."
|
||||
@@ -207,21 +112,9 @@ export default function LandingPage() {
|
||||
title="Proven Reliability"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
description: "Years in business",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.5k",
|
||||
description: "Emergency calls fixed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Customer satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "20+", description: "Years in business" },
|
||||
{ id: "m2", value: "1.5k", description: "Emergency calls fixed" },
|
||||
{ id: "m3", value: "99%", description: "Customer satisfaction" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -234,46 +127,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tom Davis",
|
||||
role: "Property Manager",
|
||||
company: "Davis Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda Wu",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Jones",
|
||||
role: "Owner",
|
||||
company: "Jones Retail",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-with-tie-posing_114579-15876.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/receiving-keys-happy-couple-together-their-new-house-conception-moving_146671-16174.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg" },
|
||||
{ id: "2", name: "Tom Davis", role: "Property Manager", company: "Davis Estates", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg" },
|
||||
{ id: "3", name: "Linda Wu", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg" },
|
||||
{ id: "4", name: "Mark Jones", role: "Owner", company: "Jones Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-with-tie-posing_114579-15876.jpg" },
|
||||
]}
|
||||
title="Trusted by Neighbors"
|
||||
description="Here is what our satisfied clients say about us."
|
||||
@@ -284,21 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast can you arrive?",
|
||||
content: "Typically under 2 hours.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, we guarantee all emergency repairs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, fully licensed and insured.",
|
||||
},
|
||||
{ id: "q1", title: "How fast can you arrive?", content: "Typically under 2 hours." },
|
||||
{ id: "q2", title: "Do you offer warranties?", content: "Yes, we guarantee all emergency repairs." },
|
||||
{ id: "q3", title: "Are you licensed?", content: "Yes, fully licensed and insured." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need answers about your roof emergency?"
|
||||
@@ -309,46 +154,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Emergency Help?"
|
||||
description="Call Colin's roofing now. We are ready to assist you day or night."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 24/7: 555-0199",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call 24/7: 555-0199", href: "tel:5550199" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Colin's Emergency Roofers"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user