Merge version_2 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -33,23 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BuildPro"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co1DBmiIkeLiSEJq9dyY2CHkHy/uploaded-1777037401021-svtolvpx.png"
|
||||
logoAlt="BuildPro Logo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,38 +53,24 @@ export default function LandingPage() {
|
||||
description="Professional construction and project management services for residential and commercial developments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-man-looking-design-professional-office_482257-8104.jpg?_wi=1"
|
||||
imageAlt="Large construction site development"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg",
|
||||
alt: "Architectural inspector holding laptop tilting head looking at maquette of skyscraper in residential project. Architect thinking about design improvements to urban planning scale model.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg", alt: "Architectural inspector holding laptop tilting head looking at maquette of skyscraper in residential project. Architect thinking about design improvements to urban planning scale model."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-building-model-maquette-design-table-create-urban-structure-construction-layout-property-presentation-used-real-estate-development-architectural-project_482257-37075.jpg",
|
||||
alt: "Close up of building model and maquette design on table to create urban structure. Construction layout and property presentation used for real estate development and architectural project.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-building-model-maquette-design-table-create-urban-structure-construction-layout-property-presentation-used-real-estate-development-architectural-project_482257-37075.jpg", alt: "Close up of building model and maquette design on table to create urban structure. Construction layout and property presentation used for real estate development and architectural project."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-team-using-3d-models-explore-construction-layout-options-working-residential_482257-136318.jpg",
|
||||
alt: "Real estate team using 3d models to explore construction layout options working on residential",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-team-using-3d-models-explore-construction-layout-options-working-residential_482257-136318.jpg", alt: "Real estate team using 3d models to explore construction layout options working on residential"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concept-building-model-construction-design-table-empty-workplace-maquette-urban-property-plan-used-real-estate-development-architectural-blueprints-structure_482257-30604.jpg",
|
||||
alt: "Concept of building model and construction design on table in empty workplace. Maquette and urban property plan used for real estate development. Architectural blueprints structure.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/concept-building-model-construction-design-table-empty-workplace-maquette-urban-property-plan-used-real-estate-development-architectural-blueprints-structure_482257-30604.jpg", alt: "Concept of building model and construction design on table in empty workplace. Maquette and urban property plan used for real estate development. Architectural blueprints structure."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lady-with-backpack-browsing-laptop_23-2147860670.jpg",
|
||||
alt: "Lady with backpack browsing laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lady-with-backpack-browsing-laptop_23-2147860670.jpg", alt: "Lady with backpack browsing laptop"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
/>
|
||||
@@ -112,19 +92,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "New Construction",
|
||||
description: "From foundation to finish, we manage every detail of your residential projects.",
|
||||
},
|
||||
title: "New Construction", description: "From foundation to finish, we manage every detail of your residential projects."},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Commercial Development",
|
||||
description: "Modernizing commercial spaces with durable materials and professional management.",
|
||||
},
|
||||
title: "Commercial Development", description: "Modernizing commercial spaces with durable materials and professional management."},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Project Management",
|
||||
description: "Strict timelines, precise budgets, and expert on-site coordination for every build.",
|
||||
},
|
||||
title: "Project Management", description: "Strict timelines, precise budgets, and expert on-site coordination for every build."},
|
||||
]}
|
||||
title="Full-Service Construction"
|
||||
description="High-quality solutions for your next big project."
|
||||
@@ -138,20 +112,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25+",
|
||||
description: "Years in Business",
|
||||
},
|
||||
id: "m2", value: "25+", description: "Years in Business"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Client Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -163,60 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2024-01-15",
|
||||
title: "Project Lead",
|
||||
quote: "Exceptional communication and attention to detail throughout the entire build.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-man-looking-design-professional-office_482257-8104.jpg?_wi=2",
|
||||
imageAlt: "professional construction client portrait",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "2024-01-15", title: "Project Lead", quote: "Exceptional communication and attention to detail throughout the entire build.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architect-man-looking-design-professional-office_482257-8104.jpg?_wi=2", imageAlt: "professional construction client portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
date: "2024-02-10",
|
||||
title: "Homeowner",
|
||||
quote: "They made the complicated renovation process seamless and stress-free.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-vest-civil-worker-smart-young-cute-brunette-girl-with-paper-rolls_140725-167642.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg",
|
||||
imageAlt: "professional construction client portrait",
|
||||
},
|
||||
id: "2", name: "David Chen", date: "2024-02-10", title: "Homeowner", quote: "They made the complicated renovation process seamless and stress-free.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-vest-civil-worker-smart-young-cute-brunette-girl-with-paper-rolls_140725-167642.jpg", imageSrc: "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg", imageAlt: "professional construction client portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
date: "2024-03-05",
|
||||
title: "Business Owner",
|
||||
quote: "The project was delivered on time and significantly under our original budget.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/oil-businessman-holding-clipboard-pen_651396-3046.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
imageAlt: "professional construction client portrait",
|
||||
},
|
||||
id: "3", name: "Emily Watson", date: "2024-03-05", title: "Business Owner", quote: "The project was delivered on time and significantly under our original budget.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/oil-businessman-holding-clipboard-pen_651396-3046.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", imageAlt: "professional construction client portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Reed",
|
||||
date: "2024-04-20",
|
||||
title: "Property Investor",
|
||||
quote: "Quality workmanship that truly stands the test of time and weather.",
|
||||
tag: "Development",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vu610w",
|
||||
imageAlt: "professional construction client portrait",
|
||||
},
|
||||
id: "4", name: "Michael Reed", date: "2024-04-20", title: "Property Investor", quote: "Quality workmanship that truly stands the test of time and weather.", tag: "Development", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vu610w", imageAlt: "professional construction client portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Lee",
|
||||
date: "2024-05-12",
|
||||
title: "Developer",
|
||||
quote: "I have worked with many contractors, but none as professional as BuildPro.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/chart-statistics-icon-front-side_187299-39619.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/times-square-polygonal_1057-3468.jpg",
|
||||
imageAlt: "professional construction client portrait",
|
||||
},
|
||||
id: "5", name: "Jennifer Lee", date: "2024-05-12", title: "Developer", quote: "I have worked with many contractors, but none as professional as BuildPro.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/chart-statistics-icon-front-side_187299-39619.jpg", imageSrc: "http://img.b2bpic.net/free-vector/times-square-polygonal_1057-3468.jpg", imageAlt: "professional construction client portrait"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why top developers choose our expertise."
|
||||
@@ -228,14 +148,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Steel",
|
||||
"BuildMax Supplies",
|
||||
"GreenGlass Co",
|
||||
"Global Cement",
|
||||
"Urban Infrastructure Inc",
|
||||
"Reliable Plumbing",
|
||||
"Elite Electrical",
|
||||
]}
|
||||
"Apex Steel", "BuildMax Supplies", "GreenGlass Co", "Global Cement", "Urban Infrastructure Inc", "Reliable Plumbing", "Elite Electrical"]}
|
||||
title="Trusted by Partners"
|
||||
description="We work with leading industry suppliers and vendors."
|
||||
/>
|
||||
@@ -246,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Timelines vary by project scope, but we always provide a detailed schedule upfront.",
|
||||
},
|
||||
id: "f1", title: "What is your typical project timeline?", content: "Timelines vary by project scope, but we always provide a detailed schedule upfront."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we offer complimentary initial consultations and estimates for all new project inquiries.",
|
||||
},
|
||||
id: "f2", title: "Do you provide free estimates?", content: "Yes, we offer complimentary initial consultations and estimates for all new project inquiries."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and carry extensive liability and worker compensation insurance.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and carry extensive liability and worker compensation insurance."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about starting your project."
|
||||
@@ -271,32 +175,27 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get your project started? Let's build something great today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Consultation", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co1DBmiIkeLiSEJq9dyY2CHkHy/uploaded-1777037401021-svtolvpx.png"
|
||||
logoAlt="BuildPro Logo"
|
||||
logoText="BuildPro Construction"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user