Merge version_1 into main #2
343
src/app/page.tsx
343
src/app/page.tsx
@@ -25,258 +25,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Get a Quote",
|
||||
id: "quote",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Two Brothers Home Improvement"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Get a Quote", id: "quote" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Two Brothers Home Improvement"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Two Brothers Home Improvement – Trusted Local Contractors in Sterling, VA"
|
||||
description="Professional craftsmanship, reliable service, and 5-star home improvement solutions for your Sterling residence. We transform houses into dream homes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#quote",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
onClick: "() => alert('Phone: (571) 000-0000')",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg",
|
||||
imageAlt: "Home renovation project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530693.jpg?_wi=1",
|
||||
imageAlt: "Carpentry work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-paint-roller_23-2149328116.jpg?_wi=1",
|
||||
imageAlt: "Interior painting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg?_wi=1",
|
||||
imageAlt: "Flooring installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg?_wi=1",
|
||||
imageAlt: "Satisfied customer",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg?_wi=1",
|
||||
imageAlt: "Renovated kitchen",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Two Brothers Home Improvement – Trusted Local Contractors in Sterling, VA"
|
||||
description="Professional craftsmanship, reliable service, and 5-star home improvement solutions for your Sterling residence. We transform houses into dream homes."
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#quote" },
|
||||
{ text: "Call Now", onClick: () => alert("Phone: (571) 000-0000") },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg", imageAlt: "Home renovation project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530693.jpg", imageAlt: "Carpentry work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-paint-roller_23-2149328116.jpg", imageAlt: "Interior painting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg", imageAlt: "Flooring installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg", imageAlt: "Satisfied customer" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg", imageAlt: "Renovated kitchen" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Home Repairs",
|
||||
descriptions: [
|
||||
"Expert fix-ups for all home issues, from minor repairs to major restoration work.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530693.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Remodeling",
|
||||
descriptions: [
|
||||
"Complete kitchen, bathroom, and basement remodeling solutions customized to your vision.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-paint-roller_23-2149328116.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Drywall & Painting",
|
||||
descriptions: [
|
||||
"Professional drywall installation and repair coupled with premium interior painting finishes.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Flooring",
|
||||
descriptions: [
|
||||
"Expert installation of hardwood, luxury vinyl, and laminate flooring for any room.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530693.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Carpentry",
|
||||
descriptions: [
|
||||
"Custom carpentry, trim work, crown molding, and structural repairs with excellent craftsmanship.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-paint-roller_23-2149328116.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "General Improvements",
|
||||
descriptions: [
|
||||
"Small to large-scale general home enhancements to improve the comfort and value of your home.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of expert home improvement services to enhance your living space, delivered with quality you can trust."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Home Repairs", descriptions: ["Expert fix-ups for all home issues, from minor repairs to major restoration work."], imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530693.jpg" },
|
||||
{ id: "f2", title: "Remodeling", descriptions: ["Complete kitchen, bathroom, and basement remodeling solutions customized to your vision."], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-paint-roller_23-2149328116.jpg" },
|
||||
{ id: "f3", title: "Drywall & Painting", descriptions: ["Professional drywall installation and repair coupled with premium interior painting finishes."], imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg" },
|
||||
{ id: "f4", title: "Flooring", descriptions: ["Expert installation of hardwood, luxury vinyl, and laminate flooring for any room."], imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530693.jpg" },
|
||||
{ id: "f5", title: "Carpentry", descriptions: ["Custom carpentry, trim work, crown molding, and structural repairs with excellent craftsmanship."], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-paint-roller_23-2149328116.jpg" },
|
||||
{ id: "f6", title: "General Improvements", descriptions: ["Small to large-scale general home enhancements to improve the comfort and value of your home."], imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of expert home improvement services to enhance your living space, delivered with quality you can trust."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Work",
|
||||
quote: "Amazing craftsmanship and very professional. – Verified Customer",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Transformative",
|
||||
quote: "They transformed our home beautifully. – Verified Customer",
|
||||
name: "James & Linda",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Reliable",
|
||||
quote: "Reliable, fast, and high-quality work. – Verified Customer",
|
||||
name: "David Chen",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-making-surprise-her-boyfriend_23-2148363624.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Excellent",
|
||||
quote: "Best contractors we have worked with in Sterling, VA. – Verified Customer",
|
||||
name: "Amy Rodriguez",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Professional",
|
||||
quote: "Very polite, tidy, and clean finish work. – Verified Customer",
|
||||
name: "Robert Smith",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="See why homeowners in Sterling trust us with their projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Great Work", quote: "Amazing craftsmanship and very professional. – Verified Customer", name: "Sarah Miller", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg" },
|
||||
{ id: "t2", title: "Transformative", quote: "They transformed our home beautifully. – Verified Customer", name: "James & Linda", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg" },
|
||||
{ id: "t3", title: "Reliable", quote: "Reliable, fast, and high-quality work. – Verified Customer", name: "David Chen", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-making-surprise-her-boyfriend_23-2148363624.jpg" },
|
||||
{ id: "t4", title: "Excellent", quote: "Best contractors we have worked with in Sterling, VA. – Verified Customer", name: "Amy Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg" },
|
||||
{ id: "t5", title: "Professional", quote: "Very polite, tidy, and clean finish work. – Verified Customer", name: "Robert Smith", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg" }
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="See why homeowners in Sterling trust us with their projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Two Brothers"
|
||||
description={[
|
||||
"Two Brothers Home Improvement is a trusted, family-owned team based right here in Sterling, VA. With years of dedicated experience, we pride ourselves on building lasting relationships with our neighbors through high-quality work, transparent communication, and meticulous attention to detail.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Two Brothers"
|
||||
description={[
|
||||
"Two Brothers Home Improvement is a trusted, family-owned team based right here in Sterling, VA. With years of dedicated experience, we pride ourselves on building lasting relationships with our neighbors through high-quality work, transparent communication, and meticulous attention to detail."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="quote" data-section="quote">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Request a Quote"
|
||||
title="Let's Get Started"
|
||||
description="Fill out the form below and we'll reach out to discuss your project needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-negotiating-about-blueprint-house_23-2148301717.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Submit Project Details"
|
||||
/>
|
||||
</div>
|
||||
<div id="quote" data-section="quote">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Request a Quote"
|
||||
title="Let's Get Started"
|
||||
description="Fill out the form below and we'll reach out to discuss your project needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-negotiating-about-blueprint-house_23-2148301717.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Submit Project Details"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<FooterBaseCard
|
||||
logoText="Two Brothers Home Improvement"
|
||||
columns={[
|
||||
{
|
||||
title: "Address",
|
||||
items: [
|
||||
{
|
||||
label: "600 E Staunton Ave, Sterling, VA 20164",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(571) 000-0000",
|
||||
href: "tel:+15710000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 8am - 6pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: 9am - 2pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Two Brothers Home Improvement"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<FooterBaseCard
|
||||
logoText="Two Brothers Home Improvement"
|
||||
columns={[
|
||||
{ title: "Address", items: [{ label: "600 E Staunton Ave, Sterling, VA 20164", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(571) 000-0000", href: "tel:+15710000000" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon-Fri: 8am - 6pm", href: "#" }, { label: "Sat: 9am - 2pm", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Two Brothers Home Improvement"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user