bender/0de46264-a09e-4166-8065-15697d2b223a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-23 05:14:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +114 -261
1 changed files with 114 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

375
src/app/page.tsx
View File

@@ -27,275 +27,128 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Our Story",
id: "about",
},
{
name: "Collection",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Horton Hat Co"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Our Story", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Horton Hat Co"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Timeless Western Craftsmanship"
description="Authentic hats built for the range, crafted for the journey."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-man-posing-fashion-nature_23-2148377860.jpg"
imageAlt="Horton Hat Co Western Hat"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-with-cowgirl-outfit-straightening-her-hair-windy-natural-park_181624-42923.jpg",
alt: "Cowgirl customer",
},
{
src: "http://img.b2bpic.net/free-photo/cowboy-hat-wooden-door-with-landscape-view_23-2152008796.jpg",
alt: "Rancher customer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-wearing-hat-medium-shot_23-2148962755.jpg",
alt: "Outdoor adventurer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-woman-with-long-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style-wearing-hat_285396-6842.jpg",
alt: "Stylish hat enthusiast",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-artisan-holding-tools_23-2150104786.jpg",
alt: "Artisan craftsman",
},
]}
avatarText="Trusted by 5,000+ happy wearers"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Timeless Western Craftsmanship"
description="Authentic hats built for the range, crafted for the journey."
buttons={[{ text: "Shop Collection", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-man-posing-fashion-nature_23-2148377860.jpg"
imageAlt="Horton Hat Co Western Hat"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-with-cowgirl-outfit-straightening-her-hair-windy-natural-park_181624-42923.jpg", alt: "Cowgirl customer" },
{ src: "http://img.b2bpic.net/free-photo/cowboy-hat-wooden-door-with-landscape-view_23-2152008796.jpg", alt: "Rancher customer" },
{ src: "http://img.b2bpic.net/free-photo/happy-woman-wearing-hat-medium-shot_23-2148962755.jpg", alt: "Outdoor adventurer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-woman-with-long-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style-wearing-hat_285396-6842.jpg", alt: "Stylish hat enthusiast" },
{ src: "http://img.b2bpic.net/free-photo/front-view-artisan-holding-tools_23-2150104786.jpg", alt: "Artisan craftsman" },
]}
avatarText="Trusted by 5,000+ happy wearers"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="The Horton Standard"
description={[
"Every Horton hat is hand-shaped and crafted using traditional techniques passed down through generations.",
"We source only the finest felt and leather, ensuring our hats are as durable as they are timeless.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="The Horton Standard"
description={[
"Every Horton hat is hand-shaped and crafted using traditional techniques passed down through generations.", "We source only the finest felt and leather, ensuring our hats are as durable as they are timeless."]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Horton",
name: "The Rancher",
price: "$189",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/fedora-hat-studio-still-life_23-2150744067.jpg",
},
{
id: "p2",
brand: "Horton",
name: "The Midnight",
price: "$210",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-cowboy-hat_23-2149392911.jpg",
},
{
id: "p3",
brand: "Horton",
name: "The Trail",
price: "$165",
rating: 4,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-chair-hat-studio_23-2149392874.jpg",
},
{
id: "p4",
brand: "Horton",
name: "The Silver",
price: "$195",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-pretty-happy-woman-smiling-posing-dressed-denim-shirt_285396-1311.jpg",
},
{
id: "p5",
brand: "Horton",
name: "The Rugged",
price: "$225",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30924.jpg",
},
{
id: "p6",
brand: "Horton",
name: "The Horizon",
price: "$150",
rating: 4,
reviewCount: "21",
imageSrc: "http://img.b2bpic.net/free-photo/hat-hanging-doorknob-outdoors_23-2149456965.jpg",
},
]}
title="Our Collection"
description="Explore our curated range of quality western headwear."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Horton", name: "The Rancher", price: "$189", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/fedora-hat-studio-still-life_23-2150744067.jpg" },
{ id: "p2", brand: "Horton", name: "The Midnight", price: "$210", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-cowboy-hat_23-2149392911.jpg" },
{ id: "p3", brand: "Horton", name: "The Trail", price: "$165", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-chair-hat-studio_23-2149392874.jpg" },
{ id: "p4", brand: "Horton", name: "The Silver", price: "$195", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-pretty-happy-woman-smiling-posing-dressed-denim-shirt_285396-1311.jpg" },
{ id: "p5", brand: "Horton", name: "The Rugged", price: "$225", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30924.jpg" },
{ id: "p6", brand: "Horton", name: "The Horizon", price: "$150", rating: 4, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/hat-hanging-doorknob-outdoors_23-2149456965.jpg" },
]}
title="Our Collection"
description="Explore our curated range of quality western headwear."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "John D.",
handle: "@rancherjohn",
testimonial: "Best fit I've ever had on a hat. Durable through all seasons.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-photorealistic-environment_23-2151447877.jpg",
},
{
id: "t2",
name: "Sarah W.",
handle: "@cowgirlsarah",
testimonial: "Beautiful design and keeps its shape. Simply the best.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cowboy-with-out-focus-background_23-2151455344.jpg",
},
{
id: "t3",
name: "Mike B.",
handle: "@mike_ranch",
testimonial: "Horton makes a hat you can depend on. Top notch quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/native-american-man-dessert_23-2149312954.jpg",
},
{
id: "t4",
name: "Linda M.",
handle: "@lindawest",
testimonial: "Stylish, classic, and extremely comfortable for long days.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photorealistic-female-cowboy-sunset_23-2151469147.jpg",
},
{
id: "t5",
name: "Robert K.",
handle: "@robertcowboy",
testimonial: "High quality finish, feels like a premium product.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-man-grey-shirt-summer-hat-pointing-with-index-fingers-camera-smiling-cheerfully_141793-55266.jpg",
},
]}
showRating={true}
title="Trusted by Rangers & Riders"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "John D.", handle: "@rancherjohn", testimonial: "Best fit I've ever had on a hat. Durable through all seasons.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cowboy-photorealistic-environment_23-2151447877.jpg" },
{ id: "t2", name: "Sarah W.", handle: "@cowgirlsarah", testimonial: "Beautiful design and keeps its shape. Simply the best.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cowboy-with-out-focus-background_23-2151455344.jpg" },
{ id: "t3", name: "Mike B.", handle: "@mike_ranch", testimonial: "Horton makes a hat you can depend on. Top notch quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/native-american-man-dessert_23-2149312954.jpg" },
{ id: "t4", name: "Linda M.", handle: "@lindawest", testimonial: "Stylish, classic, and extremely comfortable for long days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-photorealistic-female-cowboy-sunset_23-2151469147.jpg" },
{ id: "t5", name: "Robert K.", handle: "@robertcowboy", testimonial: "High quality finish, feels like a premium product.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-man-grey-shirt-summer-hat-pointing-with-index-fingers-camera-smiling-cheerfully_141793-55266.jpg" },
]}
showRating={true}
title="Trusted by Rangers & Riders"
description="Read what our happy customers are saying about our quality western headwear."
/>
</div>
<div id="proof" data-section="proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Western Daily",
"Ranchers Gazette",
"Outdoors Monthly",
"Cowboy Monthly",
"Trail Guide",
"Leather Life",
"Hometown Herald",
]}
title="Proudly Worn Across the West"
description="Featured in leading western lifestyle publications."
/>
</div>
<div id="proof" data-section="proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Western Daily", "Ranchers Gazette", "Outdoors Monthly", "Cowboy Monthly", "Trail Guide", "Leather Life", "Hometown Herald"]}
title="Proudly Worn Across the West"
description="Featured in leading western lifestyle publications."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How do I measure my head?",
content: "We provide a printable guide. Wrap a soft measuring tape around the circumference of your head one inch above your eyebrows.",
},
{
id: "f2",
title: "Are these hats waterproof?",
content: "Our felt hats are treated with a natural wax to offer excellent water resistance.",
},
{
id: "f3",
title: "Can I reshape my hat?",
content: "Yes, our high-quality felt can be reshaped with mild steam. Consult our care guide for best practices.",
},
]}
mediaAnimation="slide-up"
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Get the answers to common questions about our hats and services."
imageSrc="http://img.b2bpic.net/free-photo/top-view-hat-other-fishing-essentials-with-copy-space_23-2148429494.jpg"
imageAlt="FAQ background imagery"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How do I measure my head?", content: "We provide a printable guide. Wrap a soft measuring tape around the circumference of your head one inch above your eyebrows." },
{ id: "f2", title: "Are these hats waterproof?", content: "Our felt hats are treated with a natural wax to offer excellent water resistance." },
{ id: "f3", title: "Can I reshape my hat?", content: "Yes, our high-quality felt can be reshaped with mild steam. Consult our care guide for best practices." },
]}
mediaAnimation="slide-up"
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Get the answers to common questions about our hats and services."
imageSrc="http://img.b2bpic.net/free-photo/top-view-hat-other-fishing-essentials-with-copy-space_23-2148429494.jpg"
imageAlt="FAQ background imagery"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "canvas-reveal",
}}
text="Need help with sizing or custom orders? Reach out to us."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "canvas-reveal" }}
text="Need help with sizing or custom orders? Reach out to us."
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Horton Hat Co"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Horton Hat Co"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);