Switch to version 1: modified src/app/page.tsx
This commit is contained in:
348
src/app/page.tsx
348
src/app/page.tsx
@@ -31,32 +31,117 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Gallery", id: "#products" },
|
||||
{ name: "Book", id: "/book" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
button={{ text: "Book Free Estimate", href: "/book" }}
|
||||
button={{
|
||||
text: "Book Free Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
brandName="Shore & Grain"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
imagePosition="right"
|
||||
title="Coastal Craftsmanship for Your Home"
|
||||
description="Expert carpentry and precision tile work throughout Volusia County. We turn your vision into beautiful, lasting home spaces."
|
||||
buttons={[{ text: "Book Free Estimate", href: "/book" }, { text: "View Gallery", href: "#products" }]}
|
||||
description="Expert carpentry and precision tile work throughout Volusia County. We turn your vision into beautiful, lasting home spaces with natural materials and master craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-watermelon-medium-shot_23-2149638023.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278614.jpg",
|
||||
alt: "Satisfied homeowner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-having-break-from-work-sitting-kitchen-using-smartphone-girl-studies-home_1258-199919.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-choosing-color_23-2149721880.jpg",
|
||||
alt: "Professional contractor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278618.jpg",
|
||||
alt: "Renovation team",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861559.jpg",
|
||||
alt: "Finished project owner",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 150+ Volusia families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Woodwork",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tile Installation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Home Renovations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Finish",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Coastal Style",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: "text", content: "Built with Integrity & Local Heart" }]}
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built with Integrity & Local Heart",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-wood-workshop_23-2148970798.jpg",
|
||||
alt: "Craftsman at work",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -66,9 +151,35 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Carpentry",
|
||||
description: "From built-ins to trim, we provide precise woodwork.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engraving-wood-outdoors-close-up_23-2149061715.jpg",
|
||||
},
|
||||
{
|
||||
title: "Precision Tiling",
|
||||
description: "Expert layout and installation for bathrooms, floors, and backsplashes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694894.jpg",
|
||||
},
|
||||
{
|
||||
title: "Home Consults",
|
||||
description: "We help you select materials that fit your home's aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Furniture",
|
||||
description: "Bespoke tables and storage solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-worker-his-shop-working-with-tools-equipment_23-2150861576.jpg",
|
||||
},
|
||||
{
|
||||
title: "Kitchen Refacing",
|
||||
description: "Giving your cabinets a fresh, updated coastal look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-measuring-with-ruler-pencil_23-2148679131.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Professional care for every carpentry and tile project in Volusia County."
|
||||
features={[]}
|
||||
description="Whether it's custom interior wood finishes or intricate tiling, our team brings professional care to every project in Volusia County."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,29 +188,187 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Carpentry",
|
||||
name: "Custom Kitchen Cabinetry",
|
||||
price: "$$$",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-empty-wooden-table-with-tablecloth_93675-130865.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Carpentry",
|
||||
name: "Built-in Bookshelves",
|
||||
price: "$$",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-minimalist-fireplace_23-2148238611.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Tile",
|
||||
name: "Modern Bathroom Tile",
|
||||
price: "$$$",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11686.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Carpentry",
|
||||
name: "Entryway Bench",
|
||||
price: "$",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-stone-tile-wall-textures_74190-2412.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Tile",
|
||||
name: "Patterned Backsplash",
|
||||
price: "$$",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hands-getting-bottle-red-wine_53876-23320.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Carpentry",
|
||||
name: "Custom Door Frames",
|
||||
price: "$$",
|
||||
rating: 5,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-worker-his-shop-working-with-tools-equipment_23-2150861574.jpg",
|
||||
},
|
||||
]}
|
||||
title="Recent Projects Gallery"
|
||||
products={[]}
|
||||
description="Browse our latest carpentry and tile installations across the county."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
metrics={[]}
|
||||
title="Our Impact"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Homes Renovated",
|
||||
items: [
|
||||
"Kitchens",
|
||||
"Bathrooms",
|
||||
"Living Areas",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Carpentry",
|
||||
"Tile Design",
|
||||
"Install",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5/5",
|
||||
title: "Customer Rating",
|
||||
items: [
|
||||
"Quality",
|
||||
"Communication",
|
||||
"Punctuality",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Volusia County"
|
||||
description="Committed to quality and community trust."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[]}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-daughter-giving-gift-mother-kitchen_23-2147788207.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-boy-how-shave_23-2149588744.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169897.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-caucasian-girl-posing-camera-windy-day-sea-outdoor-photo-emotional-blonde-woman-stripped-shirt-posing-nature-background_291650-1777.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Neighbors Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you serve all of Volusia County?",
|
||||
content: "Yes, we proudly serve all cities and communities within Volusia County.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I provide my own materials?",
|
||||
content: "Yes, we are happy to work with your materials or help you source high-quality options.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Click the 'Book Free Estimate' button in the navigation to fill out our contact form.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428257.jpg"
|
||||
title="Common Questions"
|
||||
description="Here is what you need to know about our home service process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Let's Get Started"
|
||||
description="Ready to transform your home? Fill out your details below and we'll reach out to discuss your project."
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
tag="Contact Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-blueprints-table_23-2147710828.jpg"
|
||||
imageAlt="Blueprints and workspace"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,12 +376,49 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Shore & Grain"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Book", href: "/book" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Contact", items: [{ label: "(386) 555-0123", href: "tel:3865550123" }] }
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(386) 555-0123",
|
||||
href: "tel:3865550123",
|
||||
},
|
||||
{
|
||||
label: "hello@shoregrain.com",
|
||||
href: "mailto:hello@shoregrain.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Shore & Grain. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user