Merge version_1 into main #2
346
src/app/page.tsx
346
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Brixon",
|
||||
id: "#why",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Brixon", id: "#why" },
|
||||
{ name: "Process", id: "#process" },
|
||||
]}
|
||||
brandName="Brixon Pro Roofing"
|
||||
/>
|
||||
@@ -54,82 +42,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fremont’s Most Trusted Roofing & Exterior Experts"
|
||||
description="Storm damage, leaks, full replacements—we handle everything, including insurance, so you don’t have to. Precision roofing. Zero stress."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Review Rating",
|
||||
},
|
||||
{
|
||||
value: "10Yr",
|
||||
label: "Workmanship Warranty",
|
||||
},
|
||||
{
|
||||
value: "1-3D",
|
||||
label: "Fast Turnaround",
|
||||
},
|
||||
{ value: "4.8", label: "Review Rating" },
|
||||
{ value: "10Yr", label: "Workmanship Warranty" },
|
||||
{ value: "1-3D", label: "Fast Turnaround" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Roof Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now: (925) 555-0123",
|
||||
href: "tel:9255550123",
|
||||
},
|
||||
{ text: "Get Free Roof Inspection", href: "#contact" },
|
||||
{ text: "Call Now: (925) 555-0123", href: "tel:9255550123" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm",
|
||||
alt: "Local resident",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp",
|
||||
alt: "Home owner",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm",
|
||||
alt: "Fremont family",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk", alt: "Happy homeowner" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4", alt: "Satisfied client" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm", alt: "Local resident" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp", alt: "Home owner" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm", alt: "Fremont family" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Consultations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
{ type: "text", text: "Free Consultations" },
|
||||
{ type: "text", text: "Emergency Response" },
|
||||
{ type: "text", text: "Lifetime Warranty" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,61 +80,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Josiah B.",
|
||||
date: "March 2024",
|
||||
title: "Homeowner",
|
||||
quote: "They handled everything with insurance and finished faster than expected. My home looks brand new.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8&_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "C. Rios",
|
||||
date: "February 2024",
|
||||
title: "Homeowner",
|
||||
quote: "No pushy sales—just honest advice and a detailed quote. The crew was incredible.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex M.",
|
||||
date: "January 2024",
|
||||
title: "Homeowner",
|
||||
quote: "They found damage I didn’t even know about and took care of everything.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah J.",
|
||||
date: "December 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Professional, clean, and fast. The best roofing experience I've had in 10 years.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j&_wi=1",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike T.",
|
||||
date: "November 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Detailed quote, no hidden fees, and spotless cleanup. Truly premium service.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy&_wi=1",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{ id: "1", name: "Josiah B.", date: "March 2024", title: "Homeowner", quote: "They handled everything with insurance and finished faster than expected. My home looks brand new.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8", imageAlt: "happy homeowner portrait" },
|
||||
{ id: "2", name: "C. Rios", date: "February 2024", title: "Homeowner", quote: "No pushy sales—just honest advice and a detailed quote. The crew was incredible.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm", imageAlt: "happy homeowner portrait" },
|
||||
{ id: "3", name: "Alex M.", date: "January 2024", title: "Homeowner", quote: "They found damage I didn’t even know about and took care of everything.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm", imageAlt: "happy homeowner portrait" },
|
||||
{ id: "4", name: "Sarah J.", date: "December 2023", title: "Homeowner", quote: "Professional, clean, and fast. The best roofing experience I've had in 10 years.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j", imageAlt: "happy homeowner portrait" },
|
||||
{ id: "5", name: "Mike T.", date: "November 2023", title: "Homeowner", quote: "Detailed quote, no hidden fees, and spotless cleanup. Truly premium service.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy", imageAlt: "happy homeowner portrait" },
|
||||
]}
|
||||
title="Real Results. Real Homeowners."
|
||||
description="See why Fremont homeowners trust our white-glove service and honest approach."
|
||||
@@ -207,21 +98,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "High-quality shingle and metal systems engineered for California heat.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w",
|
||||
},
|
||||
{
|
||||
title: "Storm & Leak Repair",
|
||||
description: "Rapid response team to secure your home against water and wind damage.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j&_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Exterior Upgrades",
|
||||
description: "Gutters, skylights, and Hardie Board siding for total home protection.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a",
|
||||
},
|
||||
{ title: "Roof Replacement", description: "High-quality shingle and metal systems engineered for California heat.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w" },
|
||||
{ title: "Storm & Leak Repair", description: "Rapid response team to secure your home against water and wind damage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j" },
|
||||
{ title: "Exterior Upgrades", description: "Gutters, skylights, and Hardie Board siding for total home protection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a" },
|
||||
]}
|
||||
title="Built to Withstand Fremont’s Climate"
|
||||
description="From blistering summer heat to winter storm damage, our exterior solutions provide long-term protection."
|
||||
@@ -236,37 +115,22 @@ export default function LandingPage() {
|
||||
description="We don't just put on roofs; we provide peace of mind."
|
||||
subdescription="We handle the insurance headache for you, ensure spotless cleanup, and never use high-pressure sales tactics."
|
||||
icon={Shield}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "1. Free Inspection",
|
||||
description: "Comprehensive assessment of your exterior.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hd7wlm",
|
||||
},
|
||||
{
|
||||
title: "2. Detailed Quote",
|
||||
description: "Clear options, no hidden fees.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lukb5l",
|
||||
},
|
||||
{
|
||||
title: "3. Insurance Support",
|
||||
description: "We communicate with adjusters so you don't have to.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4kkt",
|
||||
},
|
||||
{
|
||||
title: "4. Fast Install",
|
||||
description: "Done right in 1–3 days with spotless cleanup.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r2sals",
|
||||
},
|
||||
{ title: "1. Free Inspection", description: "Comprehensive assessment of your exterior.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hd7wlm" },
|
||||
{ title: "2. Detailed Quote", description: "Clear options, no hidden fees.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lukb5l" },
|
||||
{ title: "3. Insurance Support", description: "We communicate with adjusters so you don't have to.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4kkt" },
|
||||
{ title: "4. Fast Install", description: "Done right in 1–3 days with spotless cleanup.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r2sals" },
|
||||
]}
|
||||
title="Simple. Transparent. Stress-Free."
|
||||
description="Most projects are completed in 1–3 days. Our process is designed to be as frictionless as possible."
|
||||
@@ -280,42 +144,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "res-1",
|
||||
name: "Roof Installation",
|
||||
price: "1-Day Finish",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlqefu",
|
||||
},
|
||||
{
|
||||
id: "res-2",
|
||||
name: "Storm Restoration",
|
||||
price: "Expert Fix",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwvorm",
|
||||
},
|
||||
{
|
||||
id: "res-3",
|
||||
name: "Gutter Upgrade",
|
||||
price: "Premium System",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4p2izf",
|
||||
},
|
||||
{
|
||||
id: "res-4",
|
||||
name: "Roof System",
|
||||
price: "Hardie Board",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0klyu",
|
||||
},
|
||||
{
|
||||
id: "res-5",
|
||||
name: "Metal Roofing",
|
||||
price: "Ultra Durable",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnxm66",
|
||||
},
|
||||
{
|
||||
id: "res-6",
|
||||
name: "Exterior Refresh",
|
||||
price: "Completed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3t3j8",
|
||||
},
|
||||
{ id: "res-1", name: "Roof Installation", price: "1-Day Finish", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlqefu" },
|
||||
{ id: "res-2", name: "Storm Restoration", price: "Expert Fix", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwvorm" },
|
||||
{ id: "res-3", name: "Gutter Upgrade", price: "Premium System", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4p2izf" },
|
||||
{ id: "res-4", name: "Roof System", price: "Hardie Board", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0klyu" },
|
||||
{ id: "res-5", name: "Metal Roofing", price: "Ultra Durable", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnxm66" },
|
||||
{ id: "res-6", name: "Exterior Refresh", price: "Completed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3t3j8" },
|
||||
]}
|
||||
title="Results You Can See"
|
||||
description="Before & after excellence in Fremont and surrounding areas."
|
||||
@@ -329,26 +163,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "loc-1",
|
||||
value: "Fremont",
|
||||
description: "Home Base",
|
||||
},
|
||||
{
|
||||
id: "loc-2",
|
||||
value: "Newark",
|
||||
description: "Service Area",
|
||||
},
|
||||
{
|
||||
id: "loc-3",
|
||||
value: "Union City",
|
||||
description: "Service Area",
|
||||
},
|
||||
{
|
||||
id: "loc-4",
|
||||
value: "Milpitas",
|
||||
description: "Service Area",
|
||||
},
|
||||
{ id: "loc-1", value: "Fremont", description: "Home Base" },
|
||||
{ id: "loc-2", value: "Newark", description: "Service Area" },
|
||||
{ id: "loc-3", value: "Union City", description: "Service Area" },
|
||||
{ id: "loc-4", value: "Milpitas", description: "Service Area" },
|
||||
]}
|
||||
title="Proudly Serving Fremont & Areas"
|
||||
description="Built for California heat, storms, and long-term durability."
|
||||
@@ -361,31 +179,11 @@ export default function LandingPage() {
|
||||
title="Get Your Free Roof Inspection Today"
|
||||
description="No pressure. No obligation. Just expert advice. Limited weekly inspection slots available."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dkfrun"
|
||||
/>
|
||||
</div>
|
||||
@@ -393,49 +191,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Replacement",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Repair Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Exterior",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Insurance Claims",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Roof Replacement", href: "#services" }, { label: "Repair Services", href: "#services" }, { label: "Exterior", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Insurance Claims", href: "#" }, { label: "Get Quote", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Brixon Pro"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user