Update src/app/page.tsx
This commit is contained in:
471
src/app/page.tsx
471
src/app/page.tsx
@@ -16,333 +16,170 @@ import { Heart } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Mi Tricolor"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mi Tricolor"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Authentic Venezuelan Food in Miami – Homemade Flavor You Can’t Find Anywhere Else"
|
||||
description="Serving fresh arepas, cachapas, patacones & traditional dishes made with real Venezuelan recipes. Hidden gem loved by locals – come taste the difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-food-assortment-top-view_23-2148716416.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
alt: "Happy restaurant guests",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg",
|
||||
alt: "Diners enjoying food",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077660.jpg",
|
||||
alt: "Family gathering",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||||
alt: "Friends lunching",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 5000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Arepas",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cachapas",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patacones",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pabellón",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Juices",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Authentic Venezuelan Food in Miami – Homemade Flavor You Can’t Find Anywhere Else"
|
||||
description="Serving fresh arepas, cachapas, patacones & traditional dishes made with real Venezuelan recipes. Hidden gem loved by locals – come taste the difference."
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "#menu" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Get Directions", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-food-assortment-top-view_23-2148716416.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg", alt: "Happy restaurant guests" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg", alt: "Diners enjoying food" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077660.jpg", alt: "Family gathering" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg", alt: "Friends lunching" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg", alt: "Satisfied customer" },
|
||||
]}
|
||||
avatarText="Loved by 5000+ happy customers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Arepas" },
|
||||
{ type: "text", text: "Cachapas" },
|
||||
{ type: "text", text: "Patacones" },
|
||||
{ type: "text", text: "Pabellón" },
|
||||
{ type: "text", text: "Juices" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arepa Reina Pepiada",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arepas-vegetables-assortment_23-2148716371.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cachapa con Queso",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-near-vegetable-salad-plate-near-flowerpot_23-2148131944.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Patacon Mixto",
|
||||
price: "$16.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-arepas-with-tasty-filling-chopping-board_23-2148742391.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pabellón Criollo",
|
||||
price: "$18.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062786.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Venezuelan Burger",
|
||||
price: "$15.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chicken-doner-with-melted-cheese-tomato-french-fries-pickled-cucumber_140725-4972.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Passion Fruit Juice",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-lots-melted-cheese_140725-1107.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Traditional Menu"
|
||||
description="Homemade Venezuelan goodness prepared daily with fresh ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Arepa Reina Pepiada", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arepas-vegetables-assortment_23-2148716371.jpg" },
|
||||
{ id: "2", name: "Cachapa con Queso", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-near-vegetable-salad-plate-near-flowerpot_23-2148131944.jpg" },
|
||||
{ id: "3", name: "Patacon Mixto", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/four-arepas-with-tasty-filling-chopping-board_23-2148742391.jpg" },
|
||||
{ id: "4", name: "Pabellón Criollo", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062786.jpg" },
|
||||
{ id: "5", name: "Venezuelan Burger", price: "$15.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chicken-doner-with-melted-cheese-tomato-french-fries-pickled-cucumber_140725-4972.jpg" },
|
||||
{ id: "6", name: "Passion Fruit Juice", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-lots-melted-cheese_140725-1107.jpg" },
|
||||
]}
|
||||
title="Our Traditional Menu"
|
||||
description="Homemade Venezuelan goodness prepared daily with fresh ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Authentic Venezuelan Flavor, Made With Passion"
|
||||
description="We are a local hidden gem in Miami serving authentic, family-style, homemade cooking. Every recipe is a piece of home."
|
||||
subdescription="Loved by locals & first-time visitors alike for our quality ingredients and dedication to tradition."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000282.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Authentic Venezuelan Flavor, Made With Passion"
|
||||
description="We are a local hidden gem in Miami serving authentic, family-style, homemade cooking. Every recipe is a piece of home."
|
||||
subdescription="Loved by locals & first-time visitors alike for our quality ingredients and dedication to tradition."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000282.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Local Guide",
|
||||
testimonial: "Hands down the best Venezuelan food I’ve ever had! Everything tasted like true homemade cooking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435795.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Foodie",
|
||||
testimonial: "My first time trying a Venezuelan restaurant and it was amazing. Prices were good and the food felt very authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Regular",
|
||||
testimonial: "Excellent food, service, and reasonable prices. Highly recommended — we will definitely come back!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-displeased-woman-arguing-with-waitress-cafe_637285-8114.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Local Guide",
|
||||
testimonial: "Not everybody knows about this place, but they should. The food is fresh, authentic, and made with care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142061.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ana Sofia",
|
||||
role: "Happy Customer",
|
||||
testimonial: "The authenticity is unmatched in Miami. Authentic cachapas that remind me of home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="See why our customers keep coming back for more."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Local Guide", testimonial: "Hands down the best Venezuelan food I’ve ever had! Everything tasted like true homemade cooking.", imageSrc: "http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435795.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Foodie", testimonial: "My first time trying a Venezuelan restaurant and it was amazing. Prices were good and the food felt very authentic.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Regular", testimonial: "Excellent food, service, and reasonable prices. Highly recommended — we will definitely come back!", imageSrc: "http://img.b2bpic.net/free-photo/young-displeased-woman-arguing-with-waitress-cafe_637285-8114.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Local Guide", testimonial: "Not everybody knows about this place, but they should. The food is fresh, authentic, and made with care.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142061.jpg" },
|
||||
{ id: "5", name: "Ana Sofia", role: "Happy Customer", testimonial: "The authenticity is unmatched in Miami. Authentic cachapas that remind me of home.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg" },
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="See why our customers keep coming back for more."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.5+",
|
||||
description: "Google Rating",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100+",
|
||||
description: "Five-Star Reviews",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5000+",
|
||||
description: "Satisfied Customers",
|
||||
},
|
||||
]}
|
||||
title="Trusted by the Community"
|
||||
description="Our numbers speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "4.5+", description: "Google Rating" },
|
||||
{ id: "2", value: "100+", description: "Five-Star Reviews" },
|
||||
{ id: "3", value: "5000+", description: "Satisfied Customers" },
|
||||
]}
|
||||
title="Trusted by the Community"
|
||||
description="Our numbers speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, you can order through DoorDash or use our direct link for faster pickup.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you pet friendly?",
|
||||
content: "We have outdoor seating available in our Miami location which is pet friendly.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "Absolutely! Many of our arepas and sides can be customized to be vegetarian.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Mi Tricolor."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer delivery?", content: "Yes, you can order through DoorDash or use our direct link for faster pickup." },
|
||||
{ id: "2", title: "Are you pet friendly?", content: "We have outdoor seating available in our Miami location which is pet friendly." },
|
||||
{ id: "3", title: "Do you have vegetarian options?", content: "Absolutely! Many of our arepas and sides can be customized to be vegetarian." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Mi Tricolor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Located in the heart of Miami"
|
||||
description="Come visit us today at 123 Venezuelan Way, Miami, FL. We are open daily for your authentic meal cravings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+13050000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Located in the heart of Miami"
|
||||
description="Come visit us today at 123 Venezuelan Way, Miami, FL. We are open daily for your authentic meal cravings."
|
||||
buttons={[
|
||||
{ text: "Get Directions", href: "#" },
|
||||
{ text: "Call Now", href: "tel:+13050000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Mi Tricolor"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Directions", href: "#contact" }
|
||||
] },
|
||||
{ items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
] }
|
||||
]}
|
||||
logoText="Mi Tricolor"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user