Update src/app/page.tsx
This commit is contained in:
263
src/app/page.tsx
263
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MIA 102"
|
||||
/>
|
||||
@@ -53,68 +45,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Portland's Chicest Boba Experience"
|
||||
description="Indulge in handcrafted, authentic bubble tea right in the heart of Portland. MIA 102 brings you the perfect blend of tradition and trendy flavors."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "/menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870672.jpg?_wi=1"
|
||||
imageAlt="Refreshing boba tea"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-mobile-application_1098-17365.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-iced-coffee-front-view_23-2149910962.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-using-mobile-application_1098-17365.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-iced-coffee-front-view_23-2149910962.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy boba lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Organic Tea",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Tapioca",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Vegan Options",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Chic Atmosphere",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{ type: "text-icon", text: "Organic Tea", icon: Leaf },
|
||||
{ type: "text-icon", text: "Fresh Tapioca", icon: Coffee },
|
||||
{ type: "text-icon", text: "Locally Sourced", icon: MapPin },
|
||||
{ type: "text-icon", text: "Vegan Options", icon: Heart },
|
||||
{ type: "text-icon", text: "Chic Atmosphere", icon: Sparkles },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,146 +77,19 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Perfection in Every Cup",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg",
|
||||
alt: "Our boba shop",
|
||||
},
|
||||
{ type: "text", content: "Crafting Perfection in Every Cup" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg", alt: "Our boba shop" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Classic Milk Tea",
|
||||
price: "$5.95",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Specialty",
|
||||
name: "Brown Sugar Pearl",
|
||||
price: "$6.50",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adding-milk-glass-cappuccino_114579-15194.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Taro",
|
||||
name: "Taro Milk Tea",
|
||||
price: "$6.25",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29174.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Matcha",
|
||||
name: "Matcha Cream Latte",
|
||||
price: "$6.75",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709027.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Fruit",
|
||||
name: "Strawberry Refresher",
|
||||
price: "$6.00",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709043.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Signature",
|
||||
name: "MIA Special Blend",
|
||||
price: "$7.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994365.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Drinks"
|
||||
description="Discover your new favorite flavor from our curated selection of premium boba teas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2023-10-01",
|
||||
title: "Great Vibe!",
|
||||
quote: "The best boba in Portland by far!",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870672.jpg?_wi=2",
|
||||
imageAlt: "boba tea colorful portland",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jason Lee",
|
||||
date: "2023-10-05",
|
||||
title: "Highly Recommend",
|
||||
quote: "Consistency is key and they nail it every time.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg",
|
||||
imageAlt: "boba shop interior trendy",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
date: "2023-10-10",
|
||||
title: "Amazing selection",
|
||||
quote: "So many options, and everything tastes fresh.",
|
||||
tag: "Boba Lover",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-application_1098-17365.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg?_wi=2",
|
||||
imageAlt: "boba drink menu items",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wang",
|
||||
date: "2023-10-15",
|
||||
title: "Chic spot",
|
||||
quote: "Perfect place to hang out with friends.",
|
||||
tag: "Student",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adding-milk-glass-cappuccino_114579-15194.jpg?_wi=2",
|
||||
imageAlt: "milk tea drink glass",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Nguyen",
|
||||
date: "2023-10-20",
|
||||
title: "Five stars",
|
||||
quote: "Friendly service and delicious tea.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-iced-coffee-front-view_23-2149910962.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29174.jpg?_wi=2",
|
||||
imageAlt: "taro bubble tea aesthetic",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "2023-10-01", title: "Great Vibe!", quote: "The best boba in Portland by far!", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg" },
|
||||
{ id: "2", name: "Jason Lee", date: "2023-10-05", title: "Highly Recommend", quote: "Consistency is key and they nail it every time.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg" },
|
||||
]}
|
||||
title="Loved by Portland"
|
||||
description="See why locals call MIA 102 their favorite boba spot."
|
||||
@@ -274,57 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us in Portland"
|
||||
description="Have a question? Drop us a line or come say hi at our downtown shop!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-sign_23-2149410168.jpg"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "/menu" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="MIA 102"
|
||||
/>
|
||||
@@ -332,4 +119,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user