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