Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 18:06:38 +00:00

View File

@@ -16,340 +16,150 @@ import { MapPin, Star, Tag } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
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: "Shop",
id: "products",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Threads Boutique"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Shop", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Threads Boutique"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Threads Boutique"
description="Discover curated fashion in a warm, clean boutique environment. Expertly selected styles waiting for you."
buttons={[
{
text: "Visit Us",
href: "#contact",
},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothes-hangers_23-2148238084.jpg?_wi=1",
imageAlt: "Boutique interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg?_wi=1",
imageAlt: "Boutique interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/customers-donate-wares-thrift-shop_482257-76552.jpg?_wi=1",
imageAlt: "Apparel display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-pinecones-beige-shawl-dark-surface-copy-place_140725-102769.jpg?_wi=1",
imageAlt: "Retail quality detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-attractive-girl-summer-green-dress-sunglasses-is-walking-city-park-with-coffee-go-spending-weekend-outdoor_291650-2541.jpg?_wi=1",
imageAlt: "Boutique entrance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-rope-leading-home-office-desk_23-2148304908.jpg",
imageAlt: "Fashion shop decor",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Threads Boutique"
description="Discover curated fashion in a warm, clean boutique environment. Expertly selected styles waiting for you."
buttons={[{ text: "Visit Us", href: "#contact" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothes-hangers_23-2148238084.jpg", imageAlt: "Boutique interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg", imageAlt: "Boutique interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/customers-donate-wares-thrift-shop_482257-76552.jpg", imageAlt: "Apparel display" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-pinecones-beige-shawl-dark-surface-copy-place_140725-102769.jpg", imageAlt: "Retail quality detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fashionable-attractive-girl-summer-green-dress-sunglasses-is-walking-city-park-with-coffee-go-spending-weekend-outdoor_291650-2541.jpg", imageAlt: "Boutique entrance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-rope-leading-home-office-desk_23-2148304908.jpg", imageAlt: "Fashion shop decor" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="More Than Just Fashion"
description="We believe in fair prices, exceptional service, and a truly clean, organized shopping experience. Our owners go above and beyond to help you find pieces that you'll love for years to come."
imageSrc="http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353688.jpg"
imageAlt="Our service"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="More Than Just Fashion"
description="We believe in fair prices, exceptional service, and a truly clean, organized shopping experience. Our owners go above and beyond to help you find pieces that you'll love for years to come."
imageSrc="http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353688.jpg"
imageAlt="Our service"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Designer",
name: "Classic Vera Wang Jeans",
price: "$45",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-front-ship_23-2147724827.jpg",
},
{
id: "p2",
brand: "Premium",
name: "Silk Blend Top",
price: "$38",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915557.jpg",
},
{
id: "p3",
brand: "Boutique",
name: "Casual Knit Sweater",
price: "$32",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-ladies-enjoying-shopping-fashion-store-together-holding-dress-taking-pictures-cellphone-consumerism-shopping-concept_74855-11600.jpg",
},
{
id: "p4",
brand: "Selection",
name: "Chic Midi Skirt",
price: "$40",
rating: 5,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/domestic-work-housekeeping-concept-pleased-dreamy-woman-with-curly-hait-wears-transpatent-goggles-dressing-gown-looks-with-dreamy-expression-aside-irons-clothes-board-happy-housewife_273609-49472.jpg",
},
{
id: "p5",
brand: "Vintage",
name: "Tailored Blazer",
price: "$55",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478988.jpg",
},
{
id: "p6",
brand: "Essentials",
name: "Cotton Everyday Dress",
price: "$48",
rating: 4,
reviewCount: "22",
imageSrc: "http://img.b2bpic.net/free-photo/undecided-women-shopping_23-2148312221.jpg",
},
]}
title="Curated Collections"
description="Explore our high-quality inventory, featuring well-maintained pre-loved clothing and unique finds."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Designer", name: "Classic Vera Wang Jeans", price: "$45", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-front-ship_23-2147724827.jpg" },
{ id: "p2", brand: "Premium", name: "Silk Blend Top", price: "$38", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915557.jpg" },
{ id: "p3", brand: "Boutique", name: "Casual Knit Sweater", price: "$32", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-ladies-enjoying-shopping-fashion-store-together-holding-dress-taking-pictures-cellphone-consumerism-shopping-concept_74855-11600.jpg" },
{ id: "p4", brand: "Selection", name: "Chic Midi Skirt", price: "$40", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/domestic-work-housekeeping-concept-pleased-dreamy-woman-with-curly-hait-wears-transpatent-goggles-dressing-gown-looks-with-dreamy-expression-aside-irons-clothes-board-happy-housewife_273609-49472.jpg" },
{ id: "p5", brand: "Vintage", name: "Tailored Blazer", price: "$55", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478988.jpg" },
{ id: "p6", brand: "Essentials", name: "Cotton Everyday Dress", price: "$48", rating: 4, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/undecided-women-shopping_23-2148312221.jpg" },
]}
title="Curated Collections"
description="Explore our high-quality inventory, featuring well-maintained pre-loved clothing and unique finds."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
date: "Jan 2024",
title: "Great find!",
quote: "Wonderful place, HUGE selection and reasonable prices!",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothes-hangers_23-2148238084.jpg?_wi=2",
imageAlt: "happy fashion boutique shopper",
},
{
id: "t2",
name: "Michael C.",
date: "Dec 2023",
title: "Above and beyond",
quote: "I met one of the owners and she went above and beyond to help me find what I was looking for.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-trying-out-new-clothes_23-2148660713.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg?_wi=2",
imageAlt: "happy fashion boutique shopper",
},
{
id: "t3",
name: "Emily R.",
date: "Nov 2023",
title: "Highly recommend",
quote: "Everything was priced fairly and the shop was very clean. Definitely coming back.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/positive-female-assistant-serving-young-customer-clothing-boutique_23-2148101718.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/customers-donate-wares-thrift-shop_482257-76552.jpg?_wi=2",
imageAlt: "happy fashion boutique shopper",
},
{
id: "t4",
name: "David K.",
date: "Oct 2023",
title: "Clean shop",
quote: "This store is very clean and the clothes are in great condition.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23081.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-pinecones-beige-shawl-dark-surface-copy-place_140725-102769.jpg?_wi=2",
imageAlt: "happy fashion boutique shopper",
},
{
id: "t5",
name: "Jane D.",
date: "Sep 2023",
title: "Value found",
quote: "Most of the prices are reasonable and they even have a $1 clearance rack. Love it!",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-attractive-girl-summer-green-dress-sunglasses-is-walking-city-park-with-coffee-go-spending-weekend-outdoor_291650-2541.jpg?_wi=2",
imageAlt: "happy fashion boutique shopper",
},
]}
title="Loved by Our Community"
description="See why our customers keep coming back to Threads Boutique."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", date: "Jan 2024", title: "Great find!", quote: "Wonderful place, HUGE selection and reasonable prices!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothes-hangers_23-2148238084.jpg", imageAlt: "happy fashion boutique shopper" },
{ id: "t2", name: "Michael C.", date: "Dec 2023", title: "Above and beyond", quote: "I met one of the owners and she went above and beyond to help me find what I was looking for.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-trying-out-new-clothes_23-2148660713.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg", imageAlt: "happy fashion boutique shopper" },
{ id: "t3", name: "Emily R.", date: "Nov 2023", title: "Highly recommend", quote: "Everything was priced fairly and the shop was very clean. Definitely coming back.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/positive-female-assistant-serving-young-customer-clothing-boutique_23-2148101718.jpg", imageSrc: "http://img.b2bpic.net/free-photo/customers-donate-wares-thrift-shop_482257-76552.jpg", imageAlt: "happy fashion boutique shopper" },
{ id: "t4", name: "David K.", date: "Oct 2023", title: "Clean shop", quote: "This store is very clean and the clothes are in great condition.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23081.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-pinecones-beige-shawl-dark-surface-copy-place_140725-102769.jpg", imageAlt: "happy fashion boutique shopper" },
{ id: "t5", name: "Jane D.", date: "Sep 2023", title: "Value found", quote: "Most of the prices are reasonable and they even have a $1 clearance rack. Love it!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-attractive-girl-summer-green-dress-sunglasses-is-walking-city-park-with-coffee-go-spending-weekend-outdoor_291650-2541.jpg", imageAlt: "happy fashion boutique shopper" },
]}
title="Loved by Our Community"
description="See why our customers keep coming back to Threads Boutique."
/>
</div>
<div id="store-info" data-section="store-info">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "4.8",
title: "Average Rating",
description: "Based on 25 reviews",
icon: Star,
},
{
id: "m2",
value: "1st",
title: "Location",
description: "Millyard Marketplace",
icon: MapPin,
},
{
id: "m3",
value: "$1",
title: "Deals",
description: "Clearance rack items",
icon: Tag,
},
]}
title="Shop Stats"
description="Reliable fashion destination in Fiskdale."
/>
</div>
<div id="store-info" data-section="store-info">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "4.8", title: "Average Rating", description: "Based on 25 reviews", icon: Star },
{ id: "m2", value: "1st", title: "Location", description: "Millyard Marketplace", icon: MapPin },
{ id: "m3", value: "$1", title: "Deals", description: "Clearance rack items", icon: Tag },
]}
title="Shop Stats"
description="Reliable fashion destination in Fiskdale."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What are your hours?",
content: "We close at 4:30 PM daily.",
},
{
id: "f2",
title: "Where are you located?",
content: "Millyard Marketplace, 559 Main St, Fiskdale, MA.",
},
{
id: "f3",
title: "Do you offer clearance items?",
content: "Yes, we have a $1 clearance rack available!",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353685.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Got questions about our boutique?"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What are your hours?", content: "We close at 4:30 PM daily." },
{ id: "f2", title: "Where are you located?", content: "Millyard Marketplace, 559 Main St, Fiskdale, MA." },
{ id: "f3", title: "Do you offer clearance items?", content: "Yes, we have a $1 clearance rack available!" },
]}
imageSrc="http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353685.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Got questions about our boutique?"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Visit Us"
title="Come Say Hello"
description="Located in Millyard Marketplace. Call us or visit our shop during open hours."
buttons={[
{
text: "(413) 640-0896",
href: "tel:4136400896",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="Visit Us"
title="Come Say Hello"
description="Located in Millyard Marketplace. Call us or visit our shop during open hours."
buttons={[{ text: "(413) 640-0896", href: "tel:4136400896" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Threads Boutique"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Shop",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Directions",
href: "https://maps.google.com",
},
],
},
]}
copyrightText="© 2025 Threads Boutique"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Threads Boutique"
columns={[
{
title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Shop", href: "#products" }],
},
{
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Directions", href: "https://maps.google.com" }],
},
]}
copyrightText="© 2025 Threads Boutique"
/>
</div>
</ReactLenis>
</ThemeProvider>
);