bender/5b790c18-7d83-456a-b3c6-fe0418c65a87
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 00:15:06 +00:00
parent ad5309b086
commit 6501255671
1 changed files with 147 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

457
src/app/page.tsx
View File

@@ -19,326 +19,163 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Treasures",
id: "products",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="The Vintage Shed"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Treasures", id: "products" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="The Vintage Shed"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Discover Vintage Treasures"
description="Located in Tyabb on Victoria's Mornington Peninsula, we offer 60+ stalls of unique vintage wares and homewares."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-pottery-vessels-earthenware_23-2151538344.jpg",
imageAlt: "Vintage Shop Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950959.jpg",
imageAlt: "Antique Wares Display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-fresh-cocktails-with-ice_141793-390.jpg",
imageAlt: "Shop View",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosy-corner-decorated-with-wooden-blocks-pumpkins-greenery_1304-5619.jpg",
imageAlt: "Treasure Hunt",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-wooden-table_181624-18937.jpg",
imageAlt: "Stall Detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gardening-decoration-front-door_23-2147695752.jpg",
imageAlt: "Antique Corner",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/square-clock-indoors-still-life_23-2150436169.jpg",
imageAlt: "Homewares Display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/jar-decoration-wall_1203-3408.jpg",
imageAlt: "Vintage Corner",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-antique-store_23-2149640694.jpg",
imageAlt: "Shop Stalls",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg",
imageAlt: "Antique Vibe",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/number-five-wooden-table_1162-64.jpg",
imageAlt: "Decor Hunt",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-ancient-kettles-with-empty-wooden-plate-burlap_114579-40268.jpg",
imageAlt: "Mornington Peninsula",
},
]}
buttons={[
{
text: "Visit Us",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg",
alt: "Customer profile one",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-people-antique-store_23-2149640717.jpg",
alt: "Customer profile two",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-antique-store_23-2149640704.jpg",
alt: "Customer profile three",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-young-people-antique-store_23-2149640698.jpg",
alt: "Customer profile four",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-old-objects_23-2149640712.jpg",
alt: "Customer profile five",
},
]}
avatarText="Join our community of over 5,000 vintage treasure hunters."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538275.jpg",
alt: "Logo brand 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/view-essentials-pottery-studio_23-2150164908.jpg",
alt: "Logo brand 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/high-angle-old-clock-second-hand-market_23-2149338477.jpg",
alt: "Logo brand 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/chest-with-tourist-stuff_23-2147770905.jpg",
alt: "Logo brand 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950961.jpg",
alt: "Logo brand 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Discover Vintage Treasures"
description="Located in Tyabb on Victoria's Mornington Peninsula, we offer 60+ stalls of unique vintage wares and homewares."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-pottery-vessels-earthenware_23-2151538344.jpg", imageAlt: "Vintage Shop Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950959.jpg", imageAlt: "Antique Wares Display" },
{ imageSrc: "http://img.b2bpic.net/free-photo/strawberry-fresh-cocktails-with-ice_141793-390.jpg", imageAlt: "Shop View" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cosy-corner-decorated-with-wooden-blocks-pumpkins-greenery_1304-5619.jpg", imageAlt: "Treasure Hunt" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-wooden-table_181624-18937.jpg", imageAlt: "Stall Detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gardening-decoration-front-door_23-2147695752.jpg", imageAlt: "Antique Corner" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/square-clock-indoors-still-life_23-2150436169.jpg", imageAlt: "Homewares Display" },
{ imageSrc: "http://img.b2bpic.net/free-photo/jar-decoration-wall_1203-3408.jpg", imageAlt: "Vintage Corner" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-antique-store_23-2149640694.jpg", imageAlt: "Shop Stalls" },
{ imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg", imageAlt: "Antique Vibe" },
{ imageSrc: "http://img.b2bpic.net/free-photo/number-five-wooden-table_1162-64.jpg", imageAlt: "Decor Hunt" },
{ imageSrc: "http://img.b2bpic.net/free-photo/two-ancient-kettles-with-empty-wooden-plate-burlap_114579-40268.jpg", imageAlt: "Mornington Peninsula" }
]}
buttons={[{ text: "Visit Us", href: "#contact" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg", alt: "Customer profile one" },
{ src: "http://img.b2bpic.net/free-photo/side-view-people-antique-store_23-2149640717.jpg", alt: "Customer profile two" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-antique-store_23-2149640704.jpg", alt: "Customer profile three" },
{ src: "http://img.b2bpic.net/free-photo/side-view-young-people-antique-store_23-2149640698.jpg", alt: "Customer profile four" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-old-objects_23-2149640712.jpg", alt: "Customer profile five" }
]}
avatarText="Join our community of over 5,000 vintage treasure hunters."
marqueeItems={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538275.jpg", alt: "Logo brand 1" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-essentials-pottery-studio_23-2150164908.jpg", alt: "Logo brand 2" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-old-clock-second-hand-market_23-2149338477.jpg", alt: "Logo brand 3" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/chest-with-tourist-stuff_23-2147770905.jpg", alt: "Logo brand 4" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950961.jpg", alt: "Logo brand 5" }
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="About The Vintage Shed"
description="Situated in the heart of Tyabb, our destination offers an unparalleled experience for vintage lovers. With over 60 individual stalls, every visit brings a new surprise, offering a wide range of unique homewares and rare antiques."
imageSrc="http://img.b2bpic.net/free-photo/vintage-vase-cup-thrift-shop_23-2150269049.jpg"
imageAlt="The Vintage Shed Interior"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="About The Vintage Shed"
description="Situated in the heart of Tyabb, our destination offers an unparalleled experience for vintage lovers. With over 60 individual stalls, every visit brings a new surprise, offering a wide range of unique homewares and rare antiques."
imageSrc="http://img.b2bpic.net/free-photo/vintage-vase-cup-thrift-shop_23-2150269049.jpg"
imageAlt="The Vintage Shed Interior"
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: ShoppingBag,
title: "60+ Unique Stalls",
description: "Explore an extensive collection of curated antique and vintage goods.",
},
{
icon: MapPin,
title: "Peninsula Destination",
description: "Located in the beautiful Tyabb area, perfect for a rainy day out.",
},
{
icon: Tag,
title: "Great Bargains",
description: "High variety of price ranges ensuring treasures for every budget.",
},
]}
title="Why Visit Us"
description="Experience more than just shopping in our unique Peninsula destination."
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: ShoppingBag, title: "60+ Unique Stalls", description: "Explore an extensive collection of curated antique and vintage goods." },
{ icon: MapPin, title: "Peninsula Destination", description: "Located in the beautiful Tyabb area, perfect for a rainy day out." },
{ icon: Tag, title: "Great Bargains", description: "High variety of price ranges ensuring treasures for every budget." }
]}
title="Why Visit Us"
description="Experience more than just shopping in our unique Peninsula destination."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Antique Armchair",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/two-ancient-kettles-with-empty-wooden-plate-burlap_114579-40135.jpg",
},
{
id: "2",
name: "Glassware Set",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-tea-party-arrangement_23-2149045887.jpg",
},
{
id: "3",
name: "Vintage Ornate Frame",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/toy-skeletons-near-board_23-2147905209.jpg",
},
{
id: "4",
name: "Retro Table Lamp",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-antique-ancient-kettle-marble-background_114579-46840.jpg",
},
{
id: "5",
name: "Brass Collectible",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/classic-teapot-isolated-marble-table_114579-30221.jpg",
},
{
id: "6",
name: "Kitchenware Set",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-antique-store_23-2149640702.jpg",
},
]}
title="Selected Treasures"
description="A glimpse into the unique pieces you can find across our stalls."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", name: "Antique Armchair", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/two-ancient-kettles-with-empty-wooden-plate-burlap_114579-40135.jpg" },
{ id: "2", name: "Glassware Set", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/elegant-tea-party-arrangement_23-2149045887.jpg" },
{ id: "3", name: "Vintage Ornate Frame", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/toy-skeletons-near-board_23-2147905209.jpg" },
{ id: "4", name: "Retro Table Lamp", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/vintage-antique-ancient-kettle-marble-background_114579-46840.jpg" },
{ id: "5", name: "Brass Collectible", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/classic-teapot-isolated-marble-table_114579-30221.jpg" },
{ id: "6", name: "Kitchenware Set", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-antique-store_23-2149640702.jpg" }
]}
title="Selected Treasures"
description="A glimpse into the unique pieces you can find across our stalls."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Great selection at a variety of price ranges. My favorite place to spend a rainy day and find surprise bargains!"
rating={5}
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/couple-preparing-food-together-kitchen_107420-12111.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498456.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/bride-taking-wedding-rings_1153-633.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353710.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-is-making-beautiful-decorative-plate-her-workshop_613910-15307.jpg",
alt: "Customer 5",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Great selection at a variety of price ranges. My favorite place to spend a rainy day and find surprise bargains!"
rating={5}
author="Sarah Miller"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/couple-preparing-food-together-kitchen_107420-12111.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498456.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/bride-taking-wedding-rings_1153-633.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353710.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/young-attractive-woman-is-making-beautiful-decorative-plate-her-workshop_613910-15307.jpg", alt: "Customer 5" }
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Where are you located?",
content: "We are located at 93 Mornington-Tyabb Rd, Tyabb VIC 3913.",
},
{
id: "f2",
title: "What are your opening hours?",
content: "Please check our social media or Google business page for the latest opening times.",
},
{
id: "f3",
title: "Can I become a stallholder?",
content: "Yes, we welcome inquiries about joining our community of stallholders.",
},
]}
title="Frequently Asked Questions"
description="Everything you need to know about visiting The Vintage Shed."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Where are you located?", content: "We are located at 93 Mornington-Tyabb Rd, Tyabb VIC 3913." },
{ id: "f2", title: "What are your opening hours?", content: "Please check our social media or Google business page for the latest opening times." },
{ id: "f3", title: "Can I become a stallholder?", content: "Yes, we welcome inquiries about joining our community of stallholders." }
]}
title="Frequently Asked Questions"
description="Everything you need to know about visiting The Vintage Shed."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Connect With Us"
description="Have questions or want to become a stallholder? Reach out today."
tag="Get In Touch"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Connect With Us"
description="Have questions or want to become a stallholder? Reach out today."
tag="Get In Touch"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="The Vintage Shed"
copyrightText="© 2025 The Vintage Shed. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="The Vintage Shed"
copyrightText="© 2025 The Vintage Shed. All rights reserved."
socialLinks={[{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}