Merge version_1 into main #2
289
src/app/page.tsx
289
src/app/page.tsx
@@ -30,135 +30,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Chase Roofing"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Roofing You Can Trust"
|
||||
description="Reliable, efficient, and high-quality roofing solutions for homes and businesses."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=1",
|
||||
imageAlt: "Commercial roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=2",
|
||||
imageAlt: "Roofing installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=3",
|
||||
imageAlt: "Finished roofing work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=4",
|
||||
imageAlt: "Roofing inspection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=5",
|
||||
imageAlt: "Professional roofing site",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Commercial roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Finished roofing work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing inspection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Professional roofing site" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=6",
|
||||
imageAlt: "Modern roofing architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=7",
|
||||
imageAlt: "Roofing repairs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=8",
|
||||
imageAlt: "Contractor work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=9",
|
||||
imageAlt: "Quality workmanship",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=10",
|
||||
imageAlt: "Reliable service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Modern roofing architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing repairs" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Contractor work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Quality workmanship" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Reliable service" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469392.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12783.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-man-looking-draft-office_23-2147807979.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg", alt: "Client A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469392.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12783.jpg", alt: "Client D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-man-looking-draft-office_23-2147807979.jpg", alt: "Client E" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied property owners."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Contractors",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Leading Warranty",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Certified Contractors" },
|
||||
{ type: "text", text: "24/7 Emergency Service" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
{ type: "text", text: "Industry Leading Warranty" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,14 +93,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Chase Commercial Roofing Solutions",
|
||||
},
|
||||
type: "text", content: "About Chase Commercial Roofing Solutions"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg",
|
||||
alt: "Chris and the roofing team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg", alt: "Chris and the roofing team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,65 +107,33 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Expert replacement services, including storm and hail damage repairs.",
|
||||
icon: Building,
|
||||
title: "Roof Replacement", description: "Expert replacement services, including storm and hail damage repairs.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=11",
|
||||
imageAlt: "professional commercial roof replacement",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Commercial Roofing",
|
||||
description: "Durable, high-performance roofing systems for commercial properties.",
|
||||
icon: Building,
|
||||
title: "Commercial Roofing", description: "Durable, high-performance roofing systems for commercial properties.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg",
|
||||
imageAlt: "roofing professional inspecting roof",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Residential Roofing",
|
||||
description: "Reliable and quality installation for residential homes.",
|
||||
icon: Home,
|
||||
title: "Residential Roofing", description: "Reliable and quality installation for residential homes.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=4",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=5",
|
||||
imageAlt: "roof replacement residential home",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Inspections & Consultations",
|
||||
description: "Professional assessment and guidance for your project.",
|
||||
icon: Search,
|
||||
title: "Inspections & Consultations", description: "Professional assessment and guidance for your project.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg?_wi=4",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg?_wi=5",
|
||||
imageAlt: "modern office building roof",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-layout-worker-clothes-top-view_169016-24423.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive roofing solutions tailored to your specific needs."
|
||||
@@ -258,41 +146,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Prompt, professional, and exceptional work after storm damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Business Owner",
|
||||
testimonial: "Honest and trustworthy—great to work with before, during, and after projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469392.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
role: "Real Estate Agent",
|
||||
testimonial: "Clear communication and transparency throughout the process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Property Manager",
|
||||
testimonial: "Projects completed on time with excellent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12783.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Quick, efficient service with clean results. They even offer free estimates!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-looking-draft-office_23-2147807979.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", testimonial: "Prompt, professional, and exceptional work after storm damage.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg" },
|
||||
{ id: "2", name: "Mike R.", role: "Business Owner", testimonial: "Honest and trustworthy—great to work with before, during, and after projects.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469392.jpg" },
|
||||
{ id: "3", name: "Emily D.", role: "Real Estate Agent", testimonial: "Clear communication and transparency throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Property Manager", testimonial: "Projects completed on time with excellent quality.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12783.jpg" },
|
||||
{ id: "5", name: "Lisa M.", role: "Homeowner", testimonial: "Quick, efficient service with clean results. They even offer free estimates!", imageSrc: "http://img.b2bpic.net/free-photo/black-man-looking-draft-office_23-2147807979.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Building trust through transparent and professional roofing solutions."
|
||||
@@ -303,14 +161,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Estimate"
|
||||
title="Ready for a new roof?"
|
||||
description="Contact us today for reliable roofing solutions. We are here to help you protect your investment."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Request an Estimate"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=12"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||||
imageAlt="Roofing installation process"
|
||||
/>
|
||||
</div>
|
||||
@@ -320,40 +177,22 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Chase Roofing"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user