201 lines
10 KiB
TypeScript
201 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Get Quote", href: "contact" }}
|
|
brandName="BuildCorp"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="BuildCorp"
|
|
description="Premium construction solutions for residential, commercial, and renovation projects. Building excellence, one project at a time."
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "contact" },
|
|
{ text: "View Our Portfolio", href: "projects" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-with-helmet-back-view_23-2148269233.jpg"
|
|
imageAlt="Construction project in progress"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
ariaLabel="Hero section - BuildCorp construction services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Building Your Vision"
|
|
description="With over 15 years in the construction industry, BuildCorp has completed hundreds of projects across residential, commercial, and renovation sectors. Our team of certified professionals brings expertise, precision, and dedication to every project, ensuring quality results on time and on budget."
|
|
tag="Our Story"
|
|
buttons={[{ text: "Learn More", href: "#services" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/three-factory-workers-safety-hats-discussing-manufacture-plan_1303-30638.jpg"
|
|
imageAlt="Our professional construction team"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSixteen
|
|
title="Why Choose BuildCorp"
|
|
description="See how our approach stands out from traditional construction companies"
|
|
tag="Our Difference"
|
|
negativeCard={{
|
|
items: [
|
|
"Delayed project timelines", "Hidden cost overruns", "Inconsistent quality", "Poor communication"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"On-time project delivery", "Transparent fixed pricing", "Premium quality standards", "Dedicated project managers"],
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardThree
|
|
title="Featured Projects"
|
|
description="Explore our recent construction projects showcasing quality craftsmanship and expertise"
|
|
tag="Portfolio"
|
|
products={[
|
|
{
|
|
id: "1", name: "Sunset Residential Complex", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-safety-helmet-near-model-building_23-2148039859.jpg", imageAlt: "Sunset Residential Complex", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "2", name: "Downtown Commercial Tower", price: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-discussing-together-office_1098-4064.jpg", imageAlt: "Downtown Commercial Tower", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "3", name: "Heritage Home Renovation", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-painting-walls-smiling_23-2147782341.jpg", imageAlt: "Heritage Home Renovation", initialQuantity: 1,
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Our Track Record"
|
|
description="Industry-leading results that demonstrate our commitment to excellence"
|
|
tag="Achievements"
|
|
metrics={[
|
|
{ id: "1", value: "500+", description: "Successful Projects Completed" },
|
|
{ id: "2", value: "98%", description: "Customer Satisfaction Rate" },
|
|
{ id: "3", value: "15+", description: "Years of Industry Experience" },
|
|
{ id: "4", value: "$200M+", description: "Total Project Value Delivered" },
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Our Leadership"
|
|
description="Experienced professionals dedicated to your project success"
|
|
tag="Team"
|
|
members={[
|
|
{
|
|
id: "1", name: "James Mitchell", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154408.jpg", imageAlt: "James Mitchell, CEO"},
|
|
{
|
|
id: "2", name: "Sarah Bennett", role: "Project Director", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Sarah Bennett, Project Director"},
|
|
{
|
|
id: "3", name: "Michael Torres", role: "Chief Engineer", imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-man-construction-vest-safety-helmet-looking-camera-smiling-cheerfully-standing-orange_141793-109139.jpg", imageAlt: "Michael Torres, Chief Engineer"},
|
|
{
|
|
id: "4", name: "Emily Rodriguez", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-engineer_23-2148826528.jpg", imageAlt: "Emily Rodriguez, Operations Manager"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Robert Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", imageAlt: "Robert Johnson"},
|
|
{
|
|
id: "2", name: "Patricia Lee", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Patricia Lee"},
|
|
{
|
|
id: "3", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg", imageAlt: "David Chen"},
|
|
{
|
|
id: "4", name: "Amanda Foster", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", imageAlt: "Amanda Foster"},
|
|
{
|
|
id: "5", name: "Christopher Hayes", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", imageAlt: "Christopher Hayes"},
|
|
{
|
|
id: "6", name: "Michelle Davis", imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg", imageAlt: "Michelle Davis"},
|
|
]}
|
|
cardTitle="Trusted by over 5,000 satisfied clients across the region"
|
|
cardTag="Client Success Stories"
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to bring your construction project to life? Contact our team today for a free consultation and project estimate."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Request a Quote", href: "#contact" },
|
|
{ text: "Schedule Consultation", href: "#contact" },
|
|
]}
|
|
background={{ variant: "noise" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="BuildCorp"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact Us", href: "contact" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|