Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
497
src/app/page.tsx
497
src/app/page.tsx
@@ -29,382 +29,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="BuildConstruct"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BuildConstruct"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built for Excellence, Designed for Life."
|
||||
description="We bring your vision to life with professional expertise, high-quality materials, and a commitment to on-time project delivery."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19128.jpg?_wi=1"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307700.jpg",
|
||||
alt: "Construction site supervisor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg",
|
||||
alt: "Site heavy machinery operator",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317289.jpg",
|
||||
alt: "Project lead inspector",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excavators-symbol-road-construction-work-tools-road-signs-brick_1417-1115.jpg",
|
||||
alt: "Construction crew coordinator",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg",
|
||||
alt: "Lead architect designer",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built for Excellence, Designed for Life."
|
||||
description="We bring your vision to life with professional expertise, high-quality materials, and a commitment to on-time project delivery."
|
||||
buttons={[{ text: "View Projects", href: "#projects" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19128.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307700.jpg", alt: "Construction site supervisor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg", alt: "Site heavy machinery operator" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317289.jpg", alt: "Project lead inspector" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/excavators-symbol-road-construction-work-tools-road-signs-brick_1417-1115.jpg", alt: "Construction crew coordinator" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg", alt: "Lead architect designer" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting the Future of",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg",
|
||||
alt: "Construction excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Infrastructure.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Crafting the Future of" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg", alt: "Construction excellence" },
|
||||
{ type: "text", content: "Infrastructure." },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Building",
|
||||
description: "Creating beautiful homes with modern structural integrity and luxury finishes.",
|
||||
icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
|
||||
imageAlt: "Residential",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-orange-building-seen-through-glass-window_181624-3923.jpg",
|
||||
imageAlt: "Residential Alt",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19128.jpg?_wi=2",
|
||||
imageAlt: "modern residential architecture project",
|
||||
},
|
||||
{
|
||||
title: "Commercial Construction",
|
||||
description: "Large-scale office and retail spaces designed for business growth.",
|
||||
icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg",
|
||||
imageAlt: "Commercial",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_52683-95237.jpg",
|
||||
imageAlt: "Commercial Alt",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg",
|
||||
imageAlt: "modern residential architecture project",
|
||||
},
|
||||
{
|
||||
title: "Project Management",
|
||||
description: "End-to-end management ensuring your project stays on budget and on schedule.",
|
||||
icon: ListChecks,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professionals-realtor-planning-urban-office-space-renovation_482257-101264.jpg",
|
||||
imageAlt: "Management",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924158.jpg",
|
||||
imageAlt: "Management Alt",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg?_wi=1",
|
||||
imageAlt: "modern residential architecture project",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Construction Services"
|
||||
description="From residential design to industrial infrastructure, we deliver high-quality solutions across all project types."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Residential Building", description: "Creating beautiful homes with modern structural integrity and luxury finishes.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg", imageAlt: "Residential" }, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-orange-building-seen-through-glass-window_181624-3923.jpg", imageAlt: "Residential Alt" }] },
|
||||
{ title: "Commercial Construction", description: "Large-scale office and retail spaces designed for business growth.", icon: Building2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg", imageAlt: "Commercial" }, { imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_52683-95237.jpg", imageAlt: "Commercial Alt" }] },
|
||||
{ title: "Project Management", description: "End-to-end management ensuring your project stays on budget and on schedule.", icon: ListChecks, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/professionals-realtor-planning-urban-office-space-renovation_482257-101264.jpg", imageAlt: "Management" }, { imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924158.jpg", imageAlt: "Management Alt" }] },
|
||||
]}
|
||||
title="Comprehensive Construction Services"
|
||||
description="From residential design to industrial infrastructure, we deliver high-quality solutions across all project types."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Industry Awards",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Families",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Years of experience delivering excellence in every brick."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", icon: CheckCircle, title: "Projects Completed", value: "150+" },
|
||||
{ id: "m2", icon: Award, title: "Industry Awards", value: "25+" },
|
||||
{ id: "m3", icon: Users, title: "Happy Families", value: "500+" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Years of experience delivering excellence in every brick."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
company: "Global Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Private",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Stevens",
|
||||
role: "Architect",
|
||||
company: "Studio Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-smiling-employees-working-with-papers_23-2148180719.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emma Wilson",
|
||||
role: "Investor",
|
||||
company: "Realty Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin Peterson",
|
||||
role: "Homeowner",
|
||||
company: "Private",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749199.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "On-Time Delivery",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Safety Record",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Homeowners & Businesses"
|
||||
description="Hear directly from clients about their experiences with our team."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", role: "CEO", company: "Global Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", role: "Homeowner", company: "Private", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg" },
|
||||
{ id: "t3", name: "Mark Stevens", role: "Architect", company: "Studio Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multiracial-smiling-employees-working-with-papers_23-2148180719.jpg" },
|
||||
{ id: "t4", name: "Emma Wilson", role: "Investor", company: "Realty Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg" },
|
||||
{ id: "t5", name: "Kevin Peterson", role: "Homeowner", company: "Private", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749199.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "4.9/5", label: "Average Rating" }, { value: "98%", label: "On-Time Delivery" }, { value: "100%", label: "Safety Record" }]}
|
||||
title="Trusted by Homeowners & Businesses"
|
||||
description="Hear directly from clients about their experiences with our team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your typical project timeframe?",
|
||||
content: "Timelines vary by project scope, but we always provide a detailed schedule upfront.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully licensed and insured?",
|
||||
content: "Yes, we maintain full industry certification and comprehensive liability insurance.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide design support?",
|
||||
content: "Yes, our team can assist with both architectural planning and interior design concepts.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-looking-tablet_23-2148921387.jpg"
|
||||
title="Common Questions"
|
||||
description="Need to know more? Check our frequently asked questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What is your typical project timeframe?", content: "Timelines vary by project scope, but we always provide a detailed schedule upfront." },
|
||||
{ id: "f2", title: "Are you fully licensed and insured?", content: "Yes, we maintain full industry certification and comprehensive liability insurance." },
|
||||
{ id: "f3", title: "Do you provide design support?", content: "Yes, our team can assist with both architectural planning and interior design concepts." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-looking-tablet_23-2148921387.jpg"
|
||||
title="Common Questions"
|
||||
description="Need to know more? Check our frequently asked questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"BuildSupply Co",
|
||||
"StructuralSteel Corp",
|
||||
"LuxuryFinish Inc",
|
||||
"ModernWindows Lab",
|
||||
"ReliableCement Ltd",
|
||||
]}
|
||||
title="Our Trusted Partners"
|
||||
description="Working with industry-leading providers for superior quality materials."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["BuildSupply Co", "StructuralSteel Corp", "LuxuryFinish Inc", "ModernWindows Lab", "ReliableCement Ltd"]}
|
||||
title="Our Trusted Partners"
|
||||
description="Working with industry-leading providers for superior quality materials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready for your next project?"
|
||||
description="Contact our experts today to discuss your vision and get a professional quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@buildconstruct.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready for your next project?"
|
||||
description="Contact our experts today to discuss your vision and get a professional quote."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@buildconstruct.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="BuildConstruct"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Management",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 BuildConstruct. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="BuildConstruct"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#services" }, { label: "Commercial", href: "#services" }, { label: "Management", href: "#services" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 BuildConstruct. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user