Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-04 15:18:30 +00:00

View File

@@ -13,187 +13,99 @@ import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Wisco Sips"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Wisco Sips"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
title="Sip in Comfort"
description="Experience the warmth of Wisco Sips, where luxury meets cozy local charm in every cup."
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup_1203-7455.jpg"
imageAlt="Luxurious café interior"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "gradient-bars" }}
title="Sip in Comfort"
description="Experience the warmth of Wisco Sips, where luxury meets cozy local charm in every cup."
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup_1203-7455.jpg"
imageAlt="Luxurious café interior"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Our Artisan Craft"
/>
</div>
<div id="about" data-section="about">
<TextAbout useInvertedBackground={true} title="Our Artisan Craft" />
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Signature Espresso",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-with-whipped-cream_23-2151939168.jpg",
},
{
id: "2",
name: "Golden Croissant",
price: "$5.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-croissants-jam-coffee_23-2148243527.jpg",
},
{
id: "3",
name: "Cold Brew Artisan",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/iced-latte-glass-pink-stand-wooden-table-cranberry-pie-summer-cafe-green-bushes_343596-1527.jpg",
},
{
id: "4",
name: "Velvet Cappuccino",
price: "$4.75",
imageSrc: "http://img.b2bpic.net/free-photo/caffeine-romantic-milk-wood-aroma_1232-4541.jpg",
},
{
id: "5",
name: "Matcha Bliss",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-smoothies-basket_23-2148574145.jpg",
},
{
id: "6",
name: "Blueberry Artisan Muffin",
price: "$4.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cupcake-concept_23-2148777780.jpg",
},
]}
title="Curated Sips & Bites"
description="From single-origin roasts to fresh-baked artisan pastries, indulge in our curated menu."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Signature Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-with-whipped-cream_23-2151939168.jpg" },
{ id: "2", name: "Golden Croissant", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-croissants-jam-coffee_23-2148243527.jpg" },
{ id: "3", name: "Cold Brew Artisan", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-latte-glass-pink-stand-wooden-table-cranberry-pie-summer-cafe-green-bushes_343596-1527.jpg" },
{ id: "4", name: "Velvet Cappuccino", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/caffeine-romantic-milk-wood-aroma_1232-4541.jpg" },
{ id: "5", name: "Matcha Bliss", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-smoothies-basket_23-2148574145.jpg" },
{ id: "6", name: "Blueberry Artisan Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cupcake-concept_23-2148777780.jpg" },
]}
title="Curated Sips & Bites"
description="From single-origin roasts to fresh-baked artisan pastries, indulge in our curated menu."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Local Creative",
company: "Wisco Art",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-lovable-girl-with-curls-dressed-brown-shirt-is-looking-camera-with-wonderful-smile-while-sitting-cafe-with-coffee_291650-2187.jpg",
},
{
id: "2",
name: "James Chen",
role: "Coffee Enthusiast",
company: "DevStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg",
},
{
id: "3",
name: "Emily Davis",
role: "Teacher",
company: "Local School",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-posing-veranda-cafe-streetpositive-models-drinking-white-wineenjoying-their-vacationeating-croissant_158538-24269.jpg",
},
{
id: "4",
name: "Marcus Thorne",
role: "Architect",
company: "Thorne Design",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-speaking-smartphone-cafe_23-2147793071.jpg",
},
{
id: "5",
name: "Clara Higgins",
role: "Marketing Lead",
company: "BrandCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/student-girl-learning-online-outdoor-with-coffee-go_496169-2407.jpg",
},
]}
title="What Our Community Says"
description="Heartfelt experiences from our regular coffee lovers."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Local Creative", company: "Wisco Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spectacular-lovable-girl-with-curls-dressed-brown-shirt-is-looking-camera-with-wonderful-smile-while-sitting-cafe-with-coffee_291650-2187.jpg" },
{ id: "2", name: "James Chen", role: "Coffee Enthusiast", company: "DevStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg" },
{ id: "3", name: "Emily Davis", role: "Teacher", company: "Local School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-posing-veranda-cafe-streetpositive-models-drinking-white-wineenjoying-their-vacationeating-croissant_158538-24269.jpg" },
{ id: "4", name: "Marcus Thorne", role: "Architect", company: "Thorne Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-speaking-smartphone-cafe_23-2147793071.jpg" },
{ id: "5", name: "Clara Higgins", role: "Marketing Lead", company: "BrandCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-girl-learning-online-outdoor-with-coffee-go_496169-2407.jpg" },
]}
title="What Our Community Says"
description="Heartfelt experiences from our regular coffee lovers."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Visit Us"
title="Stop by Wisco Sips"
description="Find your new favorite spot on Main St. We are open daily for your morning ritual."
buttons={[
{
text: "Get Directions",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Visit Us"
title="Stop by Wisco Sips"
description="Find your new favorite spot on Main St. We are open daily for your morning ritual."
buttons={[{ text: "Get Directions", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Wisco Sips"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Wisco Sips"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);