Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -16,31 +16,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Flavors",
|
||||
id: "products",
|
||||
},
|
||||
name: "Flavors", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Visit Us", id: "contact"},
|
||||
]}
|
||||
brandName="Marco Polo"
|
||||
/>
|
||||
@@ -49,66 +46,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Discover San Francisco's Most Unique Ice Cream"
|
||||
description="Creamy Italian-style gelato infused with bold Asian flavors you won't find anywhere else. From durian to black sesame, every scoop is an adventure."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Flavors",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Flavors", href: "#products"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/homemade-chocolate-peanut-butter-ice-cream-cups-recipe_53876-100112.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/homemade-chocolate-peanut-butter-ice-cream-cups-recipe_53876-100112.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-chocolate-pastry-with-decoration-plate_23-2148161561.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-chocolate-pastry-with-decoration-plate_23-2148161561.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dessert-with-spoons-cloth_23-2148689855.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dessert-with-spoons-cloth_23-2148689855.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-berries-near-cupcake_23-2147793013.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-berries-near-cupcake_23-2147793013.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-donut_1157-8695.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-donut_1157-8695.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ local dessert lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch",
|
||||
},
|
||||
type: "text", text: "Small Batch"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Asian-Italian Fusion",
|
||||
},
|
||||
type: "text", text: "Asian-Italian Fusion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
type: "text", text: "Family Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning",
|
||||
},
|
||||
type: "text", text: "Award Winning"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,9 +90,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Two Decades of Craft"
|
||||
description={[
|
||||
"For over 20 years, we have been crafting memories right here in San Francisco.",
|
||||
"Our mission is simple: bridging the gap between traditional Italian techniques and the bold, heritage-rich ingredients of Asia.",
|
||||
]}
|
||||
"For over 20 years, we have been crafting memories right here in San Francisco.", "Our mission is simple: bridging the gap between traditional Italian techniques and the bold, heritage-rich ingredients of Asia."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,59 +102,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Marco Polo",
|
||||
name: "Durian Delight",
|
||||
price: "$6.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-homemade-dessert_23-2148900959.jpg",
|
||||
},
|
||||
id: "p1", brand: "Marco Polo", name: "Durian Delight", price: "$6.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-homemade-dessert_23-2148900959.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Marco Polo",
|
||||
name: "Black Sesame",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-licking-ice-cream-cone_23-2149428113.jpg",
|
||||
},
|
||||
id: "p2", brand: "Marco Polo", name: "Black Sesame", price: "$6.00", rating: 5,
|
||||
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-licking-ice-cream-cone_23-2149428113.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Marco Polo",
|
||||
name: "Matcha Bliss",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-matcha-powder_23-2148377570.jpg",
|
||||
},
|
||||
id: "p3", brand: "Marco Polo", name: "Matcha Bliss", price: "$6.00", rating: 5,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-matcha-powder_23-2148377570.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Marco Polo",
|
||||
name: "Mango Sticky Rice",
|
||||
price: "$6.50",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-granita-dessert-with-fruit-flavoring_23-2149431478.jpg",
|
||||
},
|
||||
id: "p4", brand: "Marco Polo", name: "Mango Sticky Rice", price: "$6.50", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/delicious-granita-dessert-with-fruit-flavoring_23-2149431478.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Marco Polo",
|
||||
name: "Taro Treasure",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cookies-with-dried-pineapple-rings-white-space_140725-76315.jpg",
|
||||
},
|
||||
id: "p5", brand: "Marco Polo", name: "Taro Treasure", price: "$6.00", rating: 5,
|
||||
reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cookies-with-dried-pineapple-rings-white-space_140725-76315.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Marco Polo",
|
||||
name: "Red Bean Classic",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flavorful-roll-cake-black-plate-blue-background-high-quality-photo_114579-75368.jpg",
|
||||
},
|
||||
id: "p6", brand: "Marco Polo", name: "Red Bean Classic", price: "$6.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/flavorful-roll-cake-black-plate-blue-background-high-quality-photo_114579-75368.jpg"},
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Explore our curated selection of artisanal gelatos."
|
||||
@@ -198,45 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahfoodie",
|
||||
testimonial: "The Durian gelato is life-changing. You can taste the quality in every scoop!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-couple-eating-donuts-having-fun-cafe_637285-7994.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", handle: "@sarahfoodie", testimonial: "The Durian gelato is life-changing. You can taste the quality in every scoop!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-couple-eating-donuts-having-fun-cafe_637285-7994.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Johnson",
|
||||
handle: "@m_eats",
|
||||
testimonial: "My go-to spot for 10 years. Still the best Black Sesame in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-offering-son-plate-muffins_23-2148414956.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Johnson", handle: "@m_eats", testimonial: "My go-to spot for 10 years. Still the best Black Sesame in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-offering-son-plate-muffins_23-2148414956.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily.sfo",
|
||||
testimonial: "Authentic flavors that remind me of home. A true SF hidden gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cooking_1098-13267.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emily.sfo", testimonial: "Authentic flavors that remind me of home. A true SF hidden gem.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cooking_1098-13267.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@david_eats",
|
||||
testimonial: "Consistency is key and Marco Polo nails it every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3333.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@david_eats", testimonial: "Consistency is key and Marco Polo nails it every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3333.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa K.",
|
||||
handle: "@lisa_desserts",
|
||||
testimonial: "The service is warm and the flavors are absolutely daring. Must try!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-best-friends-holding-ice-cream_23-2148650426.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa K.", handle: "@lisa_desserts", testimonial: "The service is warm and the flavors are absolutely daring. Must try!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-best-friends-holding-ice-cream_23-2148650426.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by the Community"
|
||||
@@ -248,8 +157,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Visit Our Shop"
|
||||
title="Join Us for a Scoop"
|
||||
description="We're located in the heart of San Francisco. Sign up to get exclusive flavor drops!"
|
||||
@@ -264,33 +172,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Flavors",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Flavors", href: "#products"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user