134 lines
5.9 KiB
TypeScript
134 lines
5.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, CheckCircle, Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Past Work", id: "work" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="C&E Concrete"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Built to Last: Professional Concrete Solutions"
|
|
description="C&E Concrete delivers industry-leading precision and durability for residential and commercial projects. From foundations to finished surfaces, we set the standard."
|
|
buttons={[
|
|
{ text: "Get a Quote", href: "#contact" },
|
|
{ text: "Our Services", href: "#services" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/shanghai-china-skyscrapers-old-iron-bridge_1127-2881.jpg"
|
|
imageAlt="Concrete pouring project"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Decades of Concrete Excellence"
|
|
description="At C&E Concrete, our legacy is built on the foundations we pour. We combine traditional craft with modern technology to ensure every structure stands the test of time and weather."
|
|
metrics={[
|
|
{ value: "20+", title: "Years Experience" },
|
|
{ value: "1500+", title: "Projects Completed" },
|
|
{ value: "100%", title: "Client Satisfaction" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15109.jpg"
|
|
imageAlt="About C&E Concrete"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="work" data-section="work">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
title="Our Past Work"
|
|
description="A showcase of our recent projects and quality craftsmanship."
|
|
products={[
|
|
{ id: "w1", name: "Custom Residential Patio", price: "Completed 2024", variant: "Decorative", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432953.jpg" },
|
|
{ id: "w2", name: "Commercial Foundation Pour", price: "Completed 2023", variant: "Structural", imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15109.jpg" },
|
|
{ id: "w3", name: "Polished Industrial Slab", price: "Completed 2024", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "Residential Foundations", price: "Custom Quote", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6117.jpg" },
|
|
{ id: "p2", name: "Commercial Slabs", price: "Custom Quote", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg" },
|
|
{ id: "p3", name: "Decorative Driveways", price: "Custom Quote", variant: "Stamped", imageSrc: "http://img.b2bpic.net/free-photo/urban-street-with-modern-architecture_23-2147694741.jpg" },
|
|
]}
|
|
title="Our Specialized Concrete Services"
|
|
description="We offer a wide range of concrete services to meet your specific construction needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Ready to Start?"
|
|
title="Let's Lay the Foundation"
|
|
description="Contact C&E Concrete today for your project consultation."
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:5550123" },
|
|
{ text: "Send Email", href: "mailto:info@ceconcrete.com" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="C&E Concrete"
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
|
{ title: "Support", items: [{ label: "Past Work", href: "#work" }, { label: "Contact", href: "#contact" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |