Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -26,189 +26,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Green Creek Woodshop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Green Creek Woodshop"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Timeless Woodcraft from the Heart of West Virginia"
|
||||
description="Handcrafted from Appalachian Hardwoods — Responsibly Harvested, Beautifully Made. Family owned for over 30 years."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Lumber",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rich-dark-wood-grain-texture_84443-73151.jpg"
|
||||
imageAlt="Appalachian forest and woodcraft"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Timeless Woodcraft from the Heart of West Virginia"
|
||||
description="Handcrafted from Appalachian Hardwoods — Responsibly Harvested, Beautifully Made. Family owned for over 30 years."
|
||||
buttons={[
|
||||
{ text: "Browse Lumber", href: "#products" },
|
||||
{ text: "Start Project", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rich-dark-wood-grain-texture_84443-73151.jpg"
|
||||
imageAlt="Appalachian forest and woodcraft"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="From Our Woodlot to Your Home"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "30+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Local Hardwoods",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainable",
|
||||
value: "Salvaged",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="From Our Woodlot to Your Home"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "30+" },
|
||||
{ icon: Star, label: "Local Hardwoods", value: "100%" },
|
||||
{ icon: Leaf, label: "Sustainable", value: "Salvaged" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "slab",
|
||||
name: "Live Edge Slabs",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12886.jpg",
|
||||
imageAlt: "Live edge slab",
|
||||
},
|
||||
{
|
||||
id: "custom",
|
||||
name: "Custom Furniture",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg",
|
||||
imageAlt: "Custom furniture",
|
||||
},
|
||||
{
|
||||
id: "specialty",
|
||||
name: "Specialty Projects",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-engraving-wood_23-2149061688.jpg",
|
||||
imageAlt: "Specialty project",
|
||||
},
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Hand-picked Appalachian hardwoods, custom furniture, and heirloom quality builds."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "slab", name: "Live Edge Slabs", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12886.jpg", imageAlt: "Live edge slab" },
|
||||
{ id: "custom", name: "Custom Furniture", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg", imageAlt: "Custom furniture" },
|
||||
{ id: "specialty", name: "Specialty Projects", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/young-man-engraving-wood_23-2149061688.jpg", imageAlt: "Specialty project" },
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Hand-picked Appalachian hardwoods, custom furniture, and heirloom quality builds."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jamie Harpster",
|
||||
handle: "@jamie",
|
||||
testimonial: "Great products, great prices, and great people! Knowledgeable and helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lumberjack-forest_1303-9038.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jeremy Smith",
|
||||
handle: "@jeremy",
|
||||
testimonial: "My go-to place for wood. I have never been disappointed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-phone_1153-895.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Andy Ratliff",
|
||||
handle: "@andy",
|
||||
testimonial: "None of the other sawmills would commit. Very professional and quality work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mid-adult-carpenter-his-workshop_637285-11693.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Clark Miller",
|
||||
handle: "@clark",
|
||||
testimonial: "Custom furniture that stood the test of time and children.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-construction-site_23-2147653369.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The craftsmanship is unparalleled. Our dining table is a family treasure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-construction-site_23-2147653369.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Why Families Love Green Creek"
|
||||
description="Hear what our friends and neighbors say about our work."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jamie Harpster", handle: "@jamie", testimonial: "Great products, great prices, and great people! Knowledgeable and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/lumberjack-forest_1303-9038.jpg" },
|
||||
{ id: "2", name: "Jeremy Smith", handle: "@jeremy", testimonial: "My go-to place for wood. I have never been disappointed.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-phone_1153-895.jpg" },
|
||||
{ id: "3", name: "Andy Ratliff", handle: "@andy", testimonial: "None of the other sawmills would commit. Very professional and quality work.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mid-adult-carpenter-his-workshop_637285-11693.jpg" },
|
||||
{ id: "4", name: "Clark Miller", handle: "@clark", testimonial: "Custom furniture that stood the test of time and children.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-construction-site_23-2147653369.jpg" },
|
||||
{ id: "5", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The craftsmanship is unparalleled. Our dining table is a family treasure.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-construction-site_23-2147653369.jpg" },
|
||||
]}
|
||||
title="Why Families Love Green Creek"
|
||||
description="Hear what our friends and neighbors say about our work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Build Something Beautiful?"
|
||||
description="Send us your project details and we'll be in touch within 24 hours."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote Today",
|
||||
href: "mailto:johnlongwell117@gmail.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Build Something Beautiful?"
|
||||
description="Send us your project details and we'll be in touch within 24 hours."
|
||||
buttons={[
|
||||
{ text: "Get Your Free Quote Today", href: "mailto:johnlongwell117@gmail.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Green Creek Woodshop"
|
||||
leftLink={{
|
||||
text: "© 2024 Green Creek Woodshop",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "1577 Kettle Road, Gandeeville, WV",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Green Creek Woodshop"
|
||||
leftLink={{ text: "© 2024 Green Creek Woodshop", href: "#" }}
|
||||
rightLink={{ text: "1577 Kettle Road, Gandeeville, WV", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user