Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f644fc71f | |||
| d5ce6f3359 |
284
src/app/page.tsx
284
src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -55,20 +44,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -81,56 +62,30 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15109.jpg?_wi=1"
|
||||
imageAlt="About C&E Concrete"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Durability Focused",
|
||||
subtitle: "High-grade materials for long-lasting results.",
|
||||
category: "Quality",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Expert Precision",
|
||||
subtitle: "Skilled craftsmen ensuring perfectly leveled surfaces.",
|
||||
category: "Service",
|
||||
value: "Top",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Timely Delivery",
|
||||
subtitle: "Projects completed on schedule, every time.",
|
||||
category: "Efficiency",
|
||||
value: "Fast",
|
||||
},
|
||||
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?_wi=2" },
|
||||
{ id: "w3", name: "Polished Industrial Slab", price: "Completed 2024", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg?_wi=1" }
|
||||
]}
|
||||
title="Why Choose C&E Concrete?"
|
||||
description="Reliability meets craftsmanship in every job we undertake."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,165 +96,25 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Concrete Patios",
|
||||
price: "Custom Quote",
|
||||
variant: "Finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432953.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Concrete Walkways",
|
||||
price: "Custom Quote",
|
||||
variant: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278575.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Structural Repair",
|
||||
price: "Custom Quote",
|
||||
variant: "Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194769.jpg",
|
||||
},
|
||||
{ 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?_wi=2" },
|
||||
{ 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="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Safety Awards",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Successful Pours",
|
||||
value: "2000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Warranty Years",
|
||||
value: "10",
|
||||
},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Our concrete results speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-architect-using-laptop_23-2148243016.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Thornton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-doing-okay-sign_1149-1825.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda Peterson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-scenes-plus-size-males-playing-basketball_23-2150961209.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Clark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-real-estate-agents-with-scaffold-background_23-2147650204.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-mobile-phone-working_329181-3735.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trusted Service"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a concrete pour take?",
|
||||
content: "The duration depends on project size and weather conditions, but we prioritize efficient schedules.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer free, no-obligation estimates for all projects.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, C&E Concrete is fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers about our concrete solutions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
{ text: "Send Email", href: "mailto:info@ceconcrete.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -308,49 +123,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="C&E Concrete"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user