Merge version_4 into main #4
298
src/app/page.tsx
298
src/app/page.tsx
@@ -2,190 +2,160 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Users, HardHat, Building2, CheckCircle2 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ConstructionPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BuildConstruct"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BuildConstruct"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Building Visions into Reality"
|
||||
description="Expert construction management and execution for residential, commercial, and industrial projects with an unwavering commitment to quality and safety."
|
||||
buttons={[{ text: "View Projects", href: "#projects" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg"
|
||||
imageAlt="Construction site architectural project"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-builder-man-sitting-stairs_23-2148751956.jpg", alt: "Side view builder man sitting on stairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772871.jpg", alt: "Medium shot people working in construction" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg", alt: "Medium shot man wearing safety vest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108962.jpg", alt: "Young man civil engineer in safety hat" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-schematic-helmet_23-2148269816.jpg", alt: "Man with schematic and helmet" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ clients"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Quality Craftsmanship" },
|
||||
{ type: "text", text: "Safety First" },
|
||||
{ type: "text", text: "On-Time Delivery" },
|
||||
{ type: "text", text: "Sustainable Building" },
|
||||
{ type: "text", text: "Expert Management" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="BuildConstruct"
|
||||
description="Engineering excellence for large-scale construction, infrastructure, and commercial development."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Quality Craftsmanship Since 1995"
|
||||
buttons={[{ text: "Our History", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Three Decades of Engineering Excellence"
|
||||
metrics={[
|
||||
{ icon: HardHat, label: "Years Active", value: "30+" },
|
||||
{ icon: Users, label: "Expert Engineers", value: "150+" },
|
||||
{ icon: Building2, label: "Projects Finished", value: "800+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Inquire About Services", href: "#contact" }]}
|
||||
features={[
|
||||
{ id: "f1", title: "Residential Construction", subtitle: "Your dream home, delivered with precision.", category: "Residential", value: "Expertise" },
|
||||
{ id: "f2", title: "Commercial Development", subtitle: "Infrastructure designed for business success.", category: "Commercial", value: "Scalability" },
|
||||
{ id: "f3", title: "Sustainable Renovation", subtitle: "Modernizing spaces with green efficiency.", category: "Renovation", value: "Efficiency" },
|
||||
]}
|
||||
title="Comprehensive Construction Services"
|
||||
description="From planning and excavation to finishing touches, we handle every aspect of your build with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine
|
||||
title="Core Capabilities"
|
||||
description="Delivering high-performance infrastructure and commercial assets with sustainable construction methods."
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Infrastructure", description: "High-load transit systems and utility networks.", imageSrc: "https://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-613.jpg", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Commercial HQ", description: "High-rise office centers with green certification.", imageSrc: "https://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-16128.jpg", titleImageSrc: "", buttonText: "Learn More" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Project Impact"
|
||||
tag="Our Achievements"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "25+", description: "Years Experience" },
|
||||
{ id: "m3", value: "120+", description: "Professional Partners" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Operations Overview"
|
||||
description="Driving value through technical precision."
|
||||
gridVariant="bento-grid"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "1", value: "$2B", description: "Total Asset Value" },
|
||||
{ id: "2", value: "10M+", description: "Sq. Feet Built" },
|
||||
{ id: "3", value: "99%", description: "On-Time Record" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Residential", name: "Luxury Villa", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-16128.jpg" },
|
||||
{ id: "p2", brand: "Commercial", name: "Tech HQ", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278640.jpg" },
|
||||
{ id: "p3", brand: "Residential", name: "Urban Complex", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-613.jpg" },
|
||||
{ id: "p4", brand: "Renovation", name: "Warehouse Loft", price: "Custom", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/messy-room-abandoned-building_181624-30846.jpg" },
|
||||
{ id: "p5", brand: "Residential", name: "Modern Home", price: "Custom", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-studying-blueprint_1262-18520.jpg" },
|
||||
{ id: "p6", brand: "Public", name: "Health Center", price: "Custom", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_74190-5022.jpg" },
|
||||
]}
|
||||
title="Our Recent Work"
|
||||
description="Explore our portfolio of high-end residential, commercial, and specialized construction developments."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
title="Featured Infrastructure"
|
||||
description="Selected landmark projects from across our portfolio."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "The Meridian Center", price: "Public Work", variant: "Completed 2023", imageSrc: "https://img.b2bpic.net/free-photo/crane-construction-building_74190-5022.jpg" },
|
||||
{ id: "2", name: "Tech Hub Complex", price: "Commercial", variant: "Active", imageSrc: "https://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278640.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", handle: "@johnd", testimonial: "Exceptional work on our custom home project. Professional throughout.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/candid-construction-worker-relaxing-with-cup-coffee_329181-3751.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "@janes", testimonial: "The commercial HQ project was completed on time and budget.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg" },
|
||||
{ id: "t3", name: "Robert Lee", handle: "@rlee", testimonial: "Best building experience we've had. Truly reliable partner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg" },
|
||||
{ id: "t4", name: "Sara Miller", handle: "@smill", testimonial: "Transformed our old space into something truly modern and functional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg" },
|
||||
{ id: "t5", name: "Mark Wilson", handle: "@mwilson", testimonial: "Highly recommended construction team for high-end projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-working-storehouse-inventory_482257-108883.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our valued clients about their experiences with our team."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Client Success Stories"
|
||||
description="Hear from our partners about our delivery standards."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivera", date: "Oct 2024", title: "VP, Corporate Assets", quote: "Professional, transparent, and absolutely committed to quality. Best partner we've had.", tag: "Asset Mgmt", avatarSrc: "" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"BuildCorp", "SteelWorks", "GlassCo", "GreenArch", "CityPlanning", "WoodInc", "ModernEng"
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders to deliver the best results."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["GlobalSteel", "ArchDesign", "UrbanPulse", "CivicUtility"]}
|
||||
title="Strategic Partners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How long does a project take?", content: "Timeline depends on scope; we provide detailed estimates upon consultation." },
|
||||
{ id: "q2", title: "Do you provide guarantees?", content: "Yes, we offer comprehensive warranties on all structural work." },
|
||||
{ id: "q3", title: "Can you handle permits?", content: "Our team manages all necessary permitting and inspection processes." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our construction process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Construction FAQs"
|
||||
faqs={[
|
||||
{ id: "1", title: "Safety Protocols?", content: "Zero-accident policy maintained through daily inspections and rigorous training." },
|
||||
{ id: "2", title: "Sustainability?", content: "Committed to LEED Gold/Platinum standards across our commercial portfolio." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to discuss your building project? Contact us today."
|
||||
buttons={[{ text: "Start Your Free Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Schedule a pre-project consultation with our senior project managers."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Company Email" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BuildConstruct"
|
||||
copyrightText="© 2025 | BuildConstruct Group"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BuildConstruct"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user