Update src/app/page.tsx
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -32,140 +32,80 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Yanez Concrete"
|
||||
button={{
|
||||
text: "Get A Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get A Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Quality Concrete & Home Services"
|
||||
description="Professional craftsmanship for your home improvement projects. From foundational concrete to custom hardscaping, Yanez delivers reliable and durable solutions."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10081.jpg",
|
||||
imageAlt: "Concrete work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10081.jpg", imageAlt: "Concrete work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889137.jpg",
|
||||
imageAlt: "Concrete work 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889137.jpg", imageAlt: "Concrete work 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530840.jpg",
|
||||
imageAlt: "Concrete work 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530840.jpg", imageAlt: "Concrete work 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-walkway-daytime_181624-12399.jpg",
|
||||
imageAlt: "Concrete work 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-walkway-daytime_181624-12399.jpg", imageAlt: "Concrete work 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432950.jpg",
|
||||
imageAlt: "Concrete work 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432950.jpg", imageAlt: "Concrete work 5"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-with-skateboard-skatepark_23-2148758469.jpg",
|
||||
imageAlt: "Home service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-with-skateboard-skatepark_23-2148758469.jpg", imageAlt: "Home service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saw-industry-machine-cutting-metal_1150-10743.jpg",
|
||||
imageAlt: "Home service 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saw-industry-machine-cutting-metal_1150-10743.jpg", imageAlt: "Home service 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg",
|
||||
imageAlt: "Home service 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg", imageAlt: "Home service 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-is-standing-inside-feeling-fight-work-construction-site_1150-21889.jpg",
|
||||
imageAlt: "Home service 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-is-standing-inside-feeling-fight-work-construction-site_1150-21889.jpg", imageAlt: "Home service 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-980.jpg",
|
||||
imageAlt: "Home service 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-980.jpg", imageAlt: "Home service 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get A Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-workers-stacking-bricks-looking-camera_259150-57659.jpg",
|
||||
alt: "Worker 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-workers-stacking-bricks-looking-camera_259150-57659.jpg", alt: "Worker 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg",
|
||||
alt: "Worker 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg", alt: "Worker 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-with-heavy-box_23-2148976291.jpg",
|
||||
alt: "Worker 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-with-heavy-box_23-2148976291.jpg", alt: "Worker 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-waistcoat_627829-6948.jpg",
|
||||
alt: "Worker 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-waistcoat_627829-6948.jpg", alt: "Worker 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589584.jpg",
|
||||
alt: "Worker 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589584.jpg", alt: "Worker 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg", alt: "Logo 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg", alt: "Logo 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg", alt: "Logo 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-paper-bag-bottle_23-2148773372.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-man-with-paper-bag-bottle_23-2148773372.jpg", alt: "Logo 4"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg", alt: "Logo 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,9 +116,7 @@ export default function LandingPage() {
|
||||
title="Your Vision, Our Foundation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,29 +127,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Concrete",
|
||||
title: "Driveways & Patios",
|
||||
subtitle: "Durability meets aesthetic.",
|
||||
description: "Professional concrete pouring and finishing for your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg",
|
||||
},
|
||||
tag: "Concrete", title: "Stamped Concrete", subtitle: "Beautiful artistic patterns.", description: "High-quality stamped concrete to elevate your outdoor spaces.", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg"},
|
||||
{
|
||||
tag: "Hardscaping",
|
||||
title: "Outdoor Living",
|
||||
subtitle: "Expand your space.",
|
||||
description: "Beautiful stamped concrete and custom designs for patios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702187.jpg",
|
||||
},
|
||||
tag: "Driveway", title: "Concrete Driveways", subtitle: "Built to last.", description: "Professional pouring and installation for durable driveways.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702187.jpg"},
|
||||
{
|
||||
tag: "Structural",
|
||||
title: "Foundations & Repairs",
|
||||
subtitle: "Safety first.",
|
||||
description: "Reliable foundation work and structural integrity repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/damaged-grunge-texture-background_1194-601947.jpg",
|
||||
},
|
||||
tag: "Patio", title: "Concrete Patios", subtitle: "Perfect for entertaining.", description: "Custom patio designs for your backyard oasis.", imageSrc: "http://img.b2bpic.net/free-photo/damaged-grunge-texture-background_1194-601947.jpg"},
|
||||
]}
|
||||
title="Services We Offer"
|
||||
description="Comprehensive home improvement and structural solutions tailored to your needs."
|
||||
description="Comprehensive concrete and structural solutions tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -223,41 +146,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custom Patio",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-dark-door_23-2149936880.jpg",
|
||||
},
|
||||
id: "p1", name: "Custom Patio", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-dark-door_23-2149936880.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Driveway",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-bowling-alley_23-2148253062.jpg",
|
||||
},
|
||||
id: "p2", name: "Modern Driveway", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/low-view-bowling-alley_23-2148253062.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Retaining Wall",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg",
|
||||
},
|
||||
id: "p3", name: "Retaining Wall", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Front Entrance",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107121.jpg",
|
||||
},
|
||||
id: "p4", name: "Front Entrance", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107121.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Basement Pour",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
|
||||
},
|
||||
id: "p5", name: "Basement Pour", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Stone Walkway",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg",
|
||||
},
|
||||
id: "p6", name: "Stone Walkway", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg"},
|
||||
]}
|
||||
title="Our Recent Projects"
|
||||
description="Browse our latest craftsmanship."
|
||||
@@ -271,26 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Serving our local community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-jogging-rainy-city_23-2147618039.jpg",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Serving our local community.", imageSrc: "http://img.b2bpic.net/free-photo/man-jogging-rainy-city_23-2147618039.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Residential and commercial.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Projects Completed", description: "Residential and commercial.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
description: "Professional quality every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198908.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Commitment", description: "Professional quality every time.", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198908.jpg"},
|
||||
]}
|
||||
title="Quality in Numbers"
|
||||
description="Dedicated service and proven experience in every project."
|
||||
@@ -304,45 +188,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and craftsmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-low-angle-shot_181624-454.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and craftsmanship.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-low-angle-shot_181624-454.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Concrete finish looks amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-food-festival-side-view_23-2149525557.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Concrete finish looks amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-food-festival-side-view_23-2149525557.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "Professional and punctual team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-smiling-engineer-looking-camera_23-2148233795.jpg",
|
||||
},
|
||||
id: "t3", name: "Mike Ross", handle: "@mikeross", testimonial: "Professional and punctual team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-smiling-engineer-looking-camera_23-2148233795.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "Strongly recommended for anyone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah Lee", handle: "@sarahlee", testimonial: "Strongly recommended for anyone.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Great attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg",
|
||||
},
|
||||
id: "t5", name: "David W.", handle: "@davidw", testimonial: "Great attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
@@ -355,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free quotes for all projects.",
|
||||
},
|
||||
id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide free quotes for all projects."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a driveway take?",
|
||||
content: "Depending on size, usually 2-4 days.",
|
||||
},
|
||||
id: "f2", title: "How long does a driveway take?", content: "Depending on size, usually 2-4 days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, we carry full insurance and licensure.",
|
||||
},
|
||||
id: "f3", title: "Are you fully insured?", content: "Yes, we carry full insurance and licensure."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -379,16 +229,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact"
|
||||
title="Ready for your project?"
|
||||
description="Reach out today and let's get started."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@yanezconcrete.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@yanezconcrete.com"},
|
||||
{
|
||||
text: "Get Quote", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -398,29 +247,19 @@ export default function LandingPage() {
|
||||
logoText="Yanez Concrete"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -429,4 +268,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user