Merge version_1 into main #1
258
src/app/page.tsx
258
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user