179 lines
8.5 KiB
TypeScript
179 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="BuildPros"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="BuildPros Construction"
|
|
description="Transforming visions into reality with precision, quality, and structural integrity. Your partner in professional construction excellence."
|
|
buttons={[
|
|
{ text: "View Projects", href: "#projects" },
|
|
{ text: "Contact Us", href: "#contact" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35557.jpg"
|
|
imageAlt="Professional construction site"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Built on Trust & Integrity"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Residential Construction", description: "Custom homes and renovations built to last.", imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg", imageAlt: "Residential construction"},
|
|
{
|
|
title: "Commercial Development", description: "High-impact spaces for modern business needs.", imageSrc: "http://img.b2bpic.net/free-photo/person-walking-up-abandoned-building_23-2147770392.jpg", imageAlt: "Commercial construction"},
|
|
{
|
|
title: "Foundation & Structural", description: "Solid groundwork for sustainable structures.", imageSrc: "http://img.b2bpic.net/free-photo/building-new-concrete-house_1398-2997.jpg", imageAlt: "Foundation works"},
|
|
]}
|
|
title="Professional Services"
|
|
description="Comprehensive construction solutions tailored to your unique requirements and vision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Modern Luxury Home", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_1203-2794.jpg" },
|
|
{ id: "p2", name: "Corporate Office Complex", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg" },
|
|
{ id: "p3", name: "Heritage Restoration", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-with-plans-table_23-2147704231.jpg" },
|
|
{ id: "p4", name: "Multi-Unit Housing", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/cantilever-loading-decks-concrete-frame-closeup-yellow-focus_169016-69863.jpg" },
|
|
{ id: "p5", name: "Sustainable Community Hub", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317370.jpg" },
|
|
{ id: "p6", name: "Retail Storefront", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg" },
|
|
]}
|
|
title="Our Portfolio"
|
|
description="Showcasing our dedication to craftsmanship and structural excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Miller", role: "CEO", company: "Global Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg" },
|
|
{ id: "2", name: "John Doe", role: "Property Manager", company: "Urban Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-looking-each-other_23-2148269318.jpg" },
|
|
{ id: "3", name: "Emily Chen", role: "Owner", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg" },
|
|
{ id: "4", name: "Mark Wilson", role: "Developer", company: "City Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg" },
|
|
{ id: "5", name: "Elena Rodriguez", role: "Architect", company: "Studio Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg" },
|
|
]}
|
|
title="Client Success Stories"
|
|
description="Hear what our partners have to say about our commitment to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "15+", description: "Years Experience" },
|
|
{ id: "m2", value: "200+", description: "Projects Completed" },
|
|
{ id: "m3", value: "100%", description: "Safety Record" },
|
|
]}
|
|
title="By The Numbers"
|
|
description="Demonstrable impact in the construction industry through consistent delivery."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you provide estimates?", content: "Yes, we offer detailed consultations and estimates for all new projects." },
|
|
{ id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We carry comprehensive insurance and maintain all required licenses." },
|
|
{ id: "f3", title: "How long does a typical build take?", content: "Timelines vary by scope. We provide a projected schedule during our initial phase." },
|
|
]}
|
|
title="Common Questions"
|
|
description="Find answers to frequently asked questions about our process."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
title="Start Your Project"
|
|
description="Ready to break ground? Contact our team today to get started."
|
|
buttons={[
|
|
{ text: "Contact Support", href: "#contact" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="BuildPros"
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
|
{ title: "Portfolio", items: [{ label: "Projects", href: "#projects" }, { label: "Safety", href: "#" }] },
|
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |