4 Commits

Author SHA1 Message Date
de5bfaadae Update src/app/page.tsx 2026-05-19 16:53:27 +00:00
159e179489 Merge version_1 into main
Merge version_1 into main
2026-05-19 16:46:48 +00:00
4b0c0c9104 Merge version_1 into main
Merge version_1 into main
2026-05-19 16:46:24 +00:00
013f49dcfe Merge version_1 into main
Merge version_1 into main
2026-05-19 16:45:51 +00:00

View File

@@ -33,16 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About", id: "about" },
{ { name: "Services", id: "services" },
name: "About", id: "about"}, { name: "Contact", id: "contact" }
{
name: "Services", id: "services"},
{
name: "Gallery", id: "gallery"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="TOWN & COUNTRY SHEDS" brandName="TOWN & COUNTRY SHEDS"
/> />
@@ -51,60 +45,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient"}}
title="Custom Built Sheds Crafted To Last For Generations" title="Custom Built Sheds Crafted To Last For Generations"
description="Premium sheds, cabins, barns & custom outdoor buildings handcrafted with exceptional craftsmanship and delivered with care." description="Premium sheds, cabins, barns & custom outdoor buildings handcrafted with exceptional craftsmanship and delivered with care."
testimonials={[ testimonials={[
{ {
name: "Danny G.", handle: "@danny", testimonial: "We custom ordered a shed and got it a week early. The craftsmanship was over the top.", rating: 5, name: "Danny G.", handle: "@danny", testimonial: "We custom ordered a shed and got it a week early. The craftsmanship was over the top.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset"}, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset" },
{ {
name: "Tommy D.", handle: "@tommy", testimonial: "Seven years later our shed still looks brand new.", rating: 5, name: "Tommy D.", handle: "@tommy", testimonial: "Seven years later our shed still looks brand new.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-creating-ceramics_23-2150164883.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset"}, imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-creating-ceramics_23-2150164883.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset" },
{ {
name: "Maureen R.", handle: "@maureen", testimonial: "They moved our cabin and leveled it perfectly without being asked.", rating: 5, name: "Maureen R.", handle: "@maureen", testimonial: "They moved our cabin and leveled it perfectly without being asked.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/books-heart-shape-basket-arranged-shelf-living-room_1170-393.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset"}, imageSrc: "http://img.b2bpic.net/free-photo/books-heart-shape-basket-arranged-shelf-living-room_1170-393.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset" }
{
name: "Amy V.", handle: "@amy", testimonial: "13 years later the doors and windows are still square.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698300.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset"},
{
name: "Sarah J.", handle: "@sarah", testimonial: "Amazing quality and great people to work with.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166533.jpg?_wi=1", imageAlt: "luxury backyard cabin sunset"},
]} ]}
buttons={[ buttons={[
{ { text: "Get A Free Quote", href: "#contact" },
text: "Get A Free Quote", href: "#contact"}, { text: "View Custom Builds", href: "#services" }
{
text: "View Custom Builds", href: "#gallery"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg?_wi=2"
imageAlt="Luxury backyard cabin at golden hour" imageAlt="Luxury backyard cabin at golden hour"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-happy-middle-aged-caucasian-woman-sitting-comfortable-yellow-sofa-home-enjoying-little-things-positive-attitude_197531-31300.jpg", alt: "Portrait of happy woman"},
{
src: "http://img.b2bpic.net/free-photo/female-with-radiant-smile-sitting-room_259150-60488.jpg", alt: "Portrait of smiling woman"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-with-beard_23-2152009546.jpg", alt: "Portrait of man with beard"},
{
src: "http://img.b2bpic.net/free-photo/portrait-senior-entrepreneur_1098-15359.jpg", alt: "Portrait of senior entrepreneur"},
{
src: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469408.jpg", alt: "Portrait of man in home atmosphere"},
]}
marqueeItems={[
{
type: "text", text: "14+ Years Experience"},
{
type: "text", text: "100% Custom Designs"},
{
type: "text", text: "Family Owned"},
{
type: "text", text: "Precision Engineering"},
{
type: "text", text: "Premium Timber"},
]}
/> />
</div> </div>
@@ -112,8 +73,7 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["5-Star Google Reviews", "Custom Built Structures", "Delivery & Placement", "Built To Last 10+ Years"]}
"5-Star Google Reviews", "Custom Built Structures", "Delivery & Placement", "Built To Last 10+ Years", "Precision Engineering", "Family Owned Craft", "High-Ticket Quality"]}
title="Trusted by Homeowners for Over a Decade" title="Trusted by Homeowners for Over a Decade"
description="Our work is recognized for quality, durability, and a personalized approach to every build." description="Our work is recognized for quality, durability, and a personalized approach to every build."
/> />
@@ -139,18 +99,9 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights" gridVariant="two-columns-alternating-heights"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Custom Sheds", price: "From $4,500", imageSrc: "http://img.b2bpic.net/free-photo/books-heart-shape-basket-arranged-shelf-living-room_1170-393.jpg?_wi=2" },
id: "1", name: "Custom Sheds", price: "From $4,500", imageSrc: "http://img.b2bpic.net/free-photo/books-heart-shape-basket-arranged-shelf-living-room_1170-393.jpg?_wi=2"}, { id: "2", name: "Backyard Cabins", price: "From $12,000", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698300.jpg?_wi=2" },
{ { id: "3", name: "Horse Shelters", price: "From $6,000", imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166533.jpg?_wi=2" }
id: "2", name: "Backyard Cabins", price: "From $12,000", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698300.jpg?_wi=2"},
{
id: "3", name: "Horse Shelters", price: "From $6,000", imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166533.jpg?_wi=2"},
{
id: "4", name: "Chicken Coops", price: "From $2,200", imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg"},
{
id: "5", name: "Shed Moving", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263588.jpg"},
{
id: "6", name: "Fully Custom", price: "Tailored Quote", imageSrc: "http://img.b2bpic.net/free-photo/two-horses-farm_23-2147758818.jpg"},
]} ]}
title="Premium Outdoor Structures" title="Premium Outdoor Structures"
description="A curated range of handcrafted buildings designed for durability and beauty." description="A curated range of handcrafted buildings designed for durability and beauty."
@@ -163,24 +114,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { icon: Wrench, title: "Premium Craftsmanship", description: "Every structure is built with precision and long-term durability in mind." },
icon: Wrench, { icon: Truck, title: "Fast & Reliable Delivery", description: "Projects consistently delivered on time — sometimes even early." },
title: "Premium Craftsmanship", description: "Every structure is built with precision and long-term durability in mind."}, { icon: ShieldCheck, title: "Truly Custom Builds", description: "No cookie-cutter structures. Everything is tailored to your exact needs." }
{
icon: Truck,
title: "Fast & Reliable Delivery", description: "Projects consistently delivered on time — sometimes even early."},
{
icon: ShieldCheck,
title: "Truly Custom Builds", description: "No cookie-cutter structures. Everything is tailored to your exact needs."},
{
icon: Grid,
title: "Professional Installation", description: "Expert placement and leveling included for every building."},
{
icon: TrendingUp,
title: "Long-Term Value", description: "Structures still looking and performing like new after 10+ years."},
{
icon: MessageSquare,
title: "Honest Communication", description: "We keep you informed at every step of your build."},
]} ]}
title="Why Homeowners Choose Town & Country" title="Why Homeowners Choose Town & Country"
description="Craftsmanship, integrity, and reliable service delivered with every project." description="Craftsmanship, integrity, and reliable service delivered with every project."
@@ -192,16 +128,8 @@ export default function LandingPage() {
textboxLayout="split-description" textboxLayout="split-description"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", title: "Great quality!", quote: "We custom ordered a shed and got it early. Amazing.", name: "Danny G.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
id: "1", title: "Great quality!", quote: "We custom ordered a shed and got it early. Amazing.", name: "Danny G.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg"}, { id: "2", title: "Lasts forever", quote: "Seven years later our shed still looks brand new.", name: "Tommy D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-with-open-hands-smiling_23-2152009543.jpg" }
{
id: "2", title: "Lasts forever", quote: "Seven years later our shed still looks brand new.", name: "Tommy D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-with-open-hands-smiling_23-2152009543.jpg"},
{
id: "3", title: "Best service", quote: "They moved our cabin and leveled it perfectly.", name: "Maureen R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-young-woman-holding-yellow-flower-looking-away_23-2148049702.jpg"},
{
id: "4", title: "Built right", quote: "13 years later the doors are still square.", name: "Amy V.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-eating-outdoors_23-2149302339.jpg"},
{
id: "5", title: "Five stars", quote: "Exceptional quality and people. Highly recommend.", name: "Mark S.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg"},
]} ]}
title="Client Success Stories" title="Client Success Stories"
description="Hear what our happy customers have to say about their custom builds." description="Hear what our happy customers have to say about their custom builds."
@@ -215,18 +143,9 @@ export default function LandingPage() {
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "14+", title: "Years Experience", description: "Building trust through quality.", icon: Calendar },
id: "m1", value: "14+", title: "Years Experience", description: "Building trust through quality.", icon: Calendar, { id: "m2", value: "1200+", title: "Structures Built", description: "Tailored to every property.", icon: Home },
}, { id: "m3", value: "500+", title: "Happy Clients", description: "References available upon request.", icon: Users }
{
id: "m2", value: "1200+", title: "Structures Built", description: "Tailored to every property.", icon: Home,
},
{
id: "m3", value: "500+", title: "Happy Clients", description: "References available upon request.", icon: Users,
},
{
id: "m4", value: "100%", title: "Custom Designs", description: "No cookie-cutter sheds.", icon: Palette,
},
]} ]}
title="Built By The Numbers" title="Built By The Numbers"
description="Over a decade of excellence in the outdoor building industry." description="Over a decade of excellence in the outdoor building industry."
@@ -238,14 +157,8 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "Do you offer custom designs?", content: "Absolutely. We specialize in fully custom structures tailored to your site and specific needs." },
id: "f1", title: "Do you offer custom designs?", content: "Absolutely. We specialize in fully custom structures tailored to your site and specific needs."}, { id: "f2", title: "Is delivery included?", content: "Yes, we include professional delivery and placement for every project we build." }
{
id: "f2", title: "Is delivery included?", content: "Yes, we include professional delivery and placement for every project we build."},
{
id: "f3", title: "How long do the structures last?", content: "Our buildings are designed for longevity; many of our structures are still in perfect condition after 14 years."},
{
id: "f4", title: "Do you need a permit?", content: "We can help guide you through the process, though local requirements vary by location."},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Have questions about your custom shed or cabin project? Find answers below." description="Have questions about your custom shed or cabin project? Find answers below."
@@ -259,19 +172,9 @@ export default function LandingPage() {
title="Ready To Build Something That Lasts?" title="Ready To Build Something That Lasts?"
description="Get a custom quote today and create a structure designed specifically for your property." description="Get a custom quote today and create a structure designed specifically for your property."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Your Name", required: true },
name: "name", type: "text", placeholder: "Your Name", required: true, { name: "email", type: "email", placeholder: "Your Email", required: true }
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
]} ]}
textarea={{
name: "project", placeholder: "Tell us about your project...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/field-with-two-wooden-barns-surrounded-by-forests-covered-fog-cloudy-sky_181624-11458.jpg" imageSrc="http://img.b2bpic.net/free-photo/field-with-two-wooden-barns-surrounded-by-forests-covered-fog-cloudy-sky_181624-11458.jpg"
buttonText="Get My Free Quote" buttonText="Get My Free Quote"
/> />
@@ -280,26 +183,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "About Us", href: "#about" }, { label: "Our Builds", href: "#services" }] },
items: [ { items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
{
label: "About Us", href: "#about"},
{
label: "Our Builds", href: "#services"},
{
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Gallery", href: "#gallery"},
{
label: "FAQ", href: "#faq"},
{
label: "Reviews", href: "#testimonials"},
],
},
]} ]}
logoText="T&C SHEDS" logoText="T&C SHEDS"
/> />
@@ -307,4 +192,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }