Update src/app/page.tsx
This commit is contained in:
435
src/app/page.tsx
435
src/app/page.tsx
@@ -16,300 +16,169 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="LA Concrete Contractors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LA Concrete Contractors"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Premium Concrete & Remodeling Done Right"
|
||||
description="Award-winning Los Angeles contractors trusted by homeowners for balconies, patios, driveways, and full interior remodels. 4.8★ rated with 76 verified reviews."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Your Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Concrete & Remodeling Done Right"
|
||||
description="Award-winning Los Angeles contractors trusted by homeowners for balconies, patios, driveways, and full interior remodels. 4.8★ rated with 76 verified reviews."
|
||||
buttons={[{ text: "Request Your Free Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Every Pour and Finish"
|
||||
description={[
|
||||
"For over two decades, we have defined excellence in Los Angeles construction. As high-end specialists, we bridge the gap between structural integrity and sophisticated design.",
|
||||
"Whether you're looking to elevate your outdoor living space with custom concrete or require a comprehensive interior renovation, our team delivers precision, quality, and timelines that respect your home.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Every Pour and Finish"
|
||||
description={[
|
||||
"For over two decades, we have defined excellence in Los Angeles construction. As high-end specialists, we bridge the gap between structural integrity and sophisticated design.", "Whether you're looking to elevate your outdoor living space with custom concrete or require a comprehensive interior renovation, our team delivers precision, quality, and timelines that respect your home."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Concrete & Hardscaping",
|
||||
description: "Custom driveways, patios, and balconies built with premium, long-lasting materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-floor-with-light-coming_122409-80.jpg",
|
||||
buttonText: "View Projects",
|
||||
},
|
||||
{
|
||||
title: "Interior Remodeling",
|
||||
description: "High-end interior finishing, including drywall, painting, and complete space transformations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Exterior Hardscaping",
|
||||
description: "Bespoke walkways and retaining walls tailored to fit your landscape perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in high-end projects that transform your property's value and aesthetic."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Concrete & Hardscaping", description: "Custom driveways, patios, and balconies built with premium, long-lasting materials.", imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-floor-with-light-coming_122409-80.jpg", buttonText: "View Projects"},
|
||||
{
|
||||
title: "Interior Remodeling", description: "High-end interior finishing, including drywall, painting, and complete space transformations.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Exterior Hardscaping", description: "Bespoke walkways and retaining walls tailored to fit your landscape perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg", buttonText: "See Details"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in high-end projects that transform your property's value and aesthetic."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8★",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "76+",
|
||||
description: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+ yrs",
|
||||
description: "Local Experience",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Evidence of our commitment to quality craftsmanship and customer satisfaction."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.8★", description: "Customer Rating" },
|
||||
{ id: "m2", value: "76+", description: "Verified Reviews" },
|
||||
{ id: "m3", value: "15+ yrs", description: "Local Experience" },
|
||||
{ id: "m4", value: "500+", description: "Projects Completed" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Evidence of our commitment to quality craftsmanship and customer satisfaction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Oct 2024",
|
||||
title: "Homeowner",
|
||||
quote: "The team transformed our backyard patio into a masterpiece. Highly recommended!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg?_wi=2",
|
||||
imageAlt: "satisfied client portrait professional",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
date: "Sep 2024",
|
||||
title: "Property Manager",
|
||||
quote: "Professional, on-time, and meticulous. Exceptional work quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431507.jpg",
|
||||
imageAlt: "satisfied client portrait professional",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Aug 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Fantastic renovation experience. Our kitchen remodel looks incredible.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg?_wi=2",
|
||||
imageAlt: "satisfied client portrait professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Stevens",
|
||||
date: "Jul 2024",
|
||||
title: "Homeowner",
|
||||
quote: "They turned our driveway into a modern aesthetic piece. Great service.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg?_wi=2",
|
||||
imageAlt: "satisfied client portrait professional",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
date: "Jun 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Efficient, polite, and very talented craftsmen. Would hire again.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg?_wi=2",
|
||||
imageAlt: "satisfied client portrait professional",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why we're the top-rated choice for concrete and remodeling in Los Angeles."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", date: "Oct 2024", title: "Homeowner", quote: "The team transformed our backyard patio into a masterpiece. Highly recommended!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", imageSrc: "http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg", imageAlt: "satisfied client portrait professional"},
|
||||
{
|
||||
id: "2", name: "David Chen", date: "Sep 2024", title: "Property Manager", quote: "Professional, on-time, and meticulous. Exceptional work quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431507.jpg", imageAlt: "satisfied client portrait professional"},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez", date: "Aug 2024", title: "Homeowner", quote: "Fantastic renovation experience. Our kitchen remodel looks incredible.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg", imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg", imageAlt: "satisfied client portrait professional"},
|
||||
{
|
||||
id: "4", name: "Mark Stevens", date: "Jul 2024", title: "Homeowner", quote: "They turned our driveway into a modern aesthetic piece. Great service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg", imageAlt: "satisfied client portrait professional"},
|
||||
{
|
||||
id: "5", name: "Jessica Lee", date: "Jun 2024", title: "Homeowner", quote: "Efficient, polite, and very talented craftsmen. Would hire again.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg", imageAlt: "satisfied client portrait professional"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why we're the top-rated choice for concrete and remodeling in Los Angeles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Lafarge Holcim",
|
||||
"CEMEX",
|
||||
"Quikrete",
|
||||
"Basalite",
|
||||
"Aggregate Industries",
|
||||
"Vulcan Materials",
|
||||
"Sika Corporation",
|
||||
]}
|
||||
title="Local Industry Partners"
|
||||
description="We partner with top local suppliers to ensure premium quality finishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Lafarge Holcim", "CEMEX", "Quikrete", "Basalite", "Aggregate Industries", "Vulcan Materials", "Sika Corporation"]}
|
||||
title="Local Industry Partners"
|
||||
description="We partner with top local suppliers to ensure premium quality finishes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Yes, we provide detailed, no-obligation free quotes after an on-site assessment of your project.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the greater Los Angeles area, providing specialized concrete and remodeling services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the team licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured, ensuring safety and accountability on every site.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-engineers_1098-15509.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers about our process, pricing, and project timelines."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you provide free quotes?", content: "Yes, we provide detailed, no-obligation free quotes after an on-site assessment of your project." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "We proudly serve the greater Los Angeles area, providing specialized concrete and remodeling services." },
|
||||
{ id: "f3", title: "Is the team licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured, ensuring safety and accountability on every site." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-engineers_1098-15509.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers about our process, pricing, and project timelines."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Start Your Project Today"
|
||||
description="Send us your project details for a free assessment and estimate."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773755.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Start Your Project Today"
|
||||
description="Send us your project details for a free assessment and estimate."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773755.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handyman-prepare-cement-use-construction_53876-42893.jpg"
|
||||
logoText="LA Concrete"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handyman-prepare-cement-use-construction_53876-42893.jpg"
|
||||
logoText="LA Concrete"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user