Merge version_2 into main #2
529
src/app/page.tsx
529
src/app/page.tsx
@@ -19,390 +19,173 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="What's Cookin"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="What's Cookin"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Everything Your Home Needs"
|
||||
description="Discover curated kitchenware and home essentials in the heart of Port Townsend. From everyday cooking to unique finds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg?_wi=1"
|
||||
imageAlt="Home goods store interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846516.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-flowers_23-2149591604.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215876.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy home makers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Curated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Advice",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Goods",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unique Designs",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Everything Your Home Needs"
|
||||
description="Discover curated kitchenware and home essentials in the heart of Port Townsend. From everyday cooking to unique finds."
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg"
|
||||
imageAlt="Home goods store interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846516.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-flowers_23-2149591604.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215876.jpg", alt: "Happy customer" }
|
||||
]}
|
||||
avatarText="Join 10,000+ happy home makers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Locally Curated" },
|
||||
{ type: "text", text: "Expert Advice" },
|
||||
{ type: "text", text: "Sustainable Goods" },
|
||||
{ type: "text", text: "Unique Designs" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Local Heart, Global Quality"
|
||||
description="What's Cookin has served Port Townsend with quality home goods for years, committed to helping you create the kitchen and home of your dreams."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Local Heart, Global Quality"
|
||||
description="What's Cookin has served Port Townsend with quality home goods for years, committed to helping you create the kitchen and home of your dreams."
|
||||
metrics={[
|
||||
{ value: "10k+", title: "Happy Customers" },
|
||||
{ value: "500+", title: "Products" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Cookware",
|
||||
name: "Ceramic Mug Set",
|
||||
price: "$24.99",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-eq2n5nr3.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Cookware",
|
||||
name: "Kitchen Utensils",
|
||||
price: "$15.99",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-cbh0ct57.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Cookware",
|
||||
name: "Mixing Bowls",
|
||||
price: "$34.99",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Cookware",
|
||||
name: "Cast Iron Skillet",
|
||||
price: "$55.00",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Cookware",
|
||||
name: "Tea Kettle",
|
||||
price: "$42.00",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Cookware",
|
||||
name: "Serving Tray",
|
||||
price: "$28.00",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Featured Finds"
|
||||
description="Shop our latest selection of hand-picked kitchenware and home decor."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Featured Finds"
|
||||
description="Shop our latest selection of hand-picked kitchenware and home decor."
|
||||
products={[
|
||||
{ id: "p1", brand: "Cookware", name: "Ceramic Mug Set", price: "$24.99", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-eq2n5nr3.png" },
|
||||
{ id: "p2", brand: "Cookware", name: "Kitchen Utensils", price: "$15.99", rating: 4, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-cbh0ct57.png" },
|
||||
{ id: "p3", brand: "Cookware", name: "Mixing Bowls", price: "$34.99", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg" },
|
||||
{ id: "p4", brand: "Cookware", name: "Cast Iron Skillet", price: "$55.00", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg" },
|
||||
{ id: "p5", brand: "Cookware", name: "Tea Kettle", price: "$42.00", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" },
|
||||
{ id: "p6", brand: "Cookware", name: "Serving Tray", price: "$28.00", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.0",
|
||||
title: "Yelp Rating",
|
||||
items: [
|
||||
"Trusted by local community",
|
||||
"Great reviews",
|
||||
"High quality service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Personalized attention",
|
||||
"Friendly staff",
|
||||
"Expert advice",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Online Presence",
|
||||
items: [
|
||||
"Visible locally",
|
||||
"Community active",
|
||||
"Reliable info",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Why customers love visiting our store."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Why customers love visiting our store."
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.0", title: "Yelp Rating", items: ["Trusted by local community", "Great reviews", "High quality service"] },
|
||||
{ id: "m2", value: "100%", title: "Customer Satisfaction", items: ["Personalized attention", "Friendly staff", "Expert advice"] },
|
||||
{ id: "m3", value: "24/7", title: "Online Presence", items: ["Visible locally", "Community active", "Reliable info"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rick L.",
|
||||
role: "Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Chef",
|
||||
company: "Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike P.",
|
||||
role: "Home Cook",
|
||||
company: "Local",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily D.",
|
||||
role: "Enthusiast",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John K.",
|
||||
role: "Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.0",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "5",
|
||||
label: "Years",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Brands",
|
||||
},
|
||||
]}
|
||||
title="What Customers Say"
|
||||
description="Hear from our happy customers in Port Townsend."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="What Customers Say"
|
||||
description="Hear from our happy customers in Port Townsend."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Rick L.", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", role: "Chef", company: "Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg" },
|
||||
{ id: "t3", name: "Mike P.", role: "Home Cook", company: "Local", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg" },
|
||||
{ id: "t4", name: "Emily D.", role: "Enthusiast", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg" },
|
||||
{ id: "t5", name: "John K.", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.0", label: "Rating" },
|
||||
{ value: "5", label: "Years" },
|
||||
{ value: "100+", label: "Brands" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Le Creuset",
|
||||
"KitchenAid",
|
||||
"Cuisinart",
|
||||
"OXO",
|
||||
"All-Clad",
|
||||
"Nordic Ware",
|
||||
"Mason Cash",
|
||||
]}
|
||||
title="Premium Brands We Carry"
|
||||
description="Only the best for your kitchen."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Premium Brands We Carry"
|
||||
description="Only the best for your kitchen."
|
||||
names={["Le Creuset", "KitchenAid", "Cuisinart", "OXO", "All-Clad", "Nordic Ware", "Mason Cash"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept contactless payments?",
|
||||
content: "Yes, we accept Apple Pay and other contactless methods.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, parking is validated for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "We are open every day from 10:00 AM to 5:00 PM.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/looking-through-window-shopping_329181-8073.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Common Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you accept contactless payments?", content: "Yes, we accept Apple Pay and other contactless methods." },
|
||||
{ id: "f2", title: "Is parking available?", content: "Yes, parking is validated for your convenience." },
|
||||
{ id: "f3", title: "What are your hours?", content: "We are open every day from 10:00 AM to 5:00 PM." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/looking-through-window-shopping_329181-8073.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready to upgrade your home?"
|
||||
description="Find us at 844 Water St, Port Townsend, WA. Come say hi!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call +1 (360) 385-4817",
|
||||
href: "tel:+13603854817",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Ready to upgrade your home?"
|
||||
description="Find us at 844 Water St, Port Townsend, WA. Come say hi!"
|
||||
buttons={[{ text: "Call +1 (360) 385-4817", href: "tel:+13603854817" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="What's Cookin"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="What's Cookin"
|
||||
columns={[
|
||||
{ title: "Store", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user