Update src/app/page.tsx
This commit is contained in:
383
src/app/page.tsx
383
src/app/page.tsx
@@ -16,285 +16,126 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "location",
|
||||
},
|
||||
{
|
||||
name: "Order Now",
|
||||
id: "order",
|
||||
},
|
||||
]}
|
||||
brandName="Taj Taste"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Find Us", id: "location" },
|
||||
{ name: "Order Now", id: "order" },
|
||||
]}
|
||||
brandName="Taj Taste"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Where Every Bite Tells A Story"
|
||||
description="Authentic Mediterranean flavors crafted with love, fresh ingredients, and spices that transport you to the vibrant food markets of the world."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aslan K.",
|
||||
handle: "Google Review",
|
||||
testimonial: "The food is absolutely delicious! Everything was fresh and full of flavor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=1",
|
||||
imageAlt: "mediterranean food truck exterior",
|
||||
},
|
||||
{
|
||||
name: "Nathan J.",
|
||||
handle: "Google Review",
|
||||
testimonial: "The best chicken over rice in town! Takes me back to New York.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-near-oil-vegetables_23-2147778438.jpg?_wi=1",
|
||||
imageAlt: "chef preparing fresh food in kitchen",
|
||||
},
|
||||
{
|
||||
name: "Aidan R.",
|
||||
handle: "Google Review",
|
||||
testimonial: "The sauce is so good — overall 10/10. Never had anything like it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg?_wi=1",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
name: "Kakhramon D.",
|
||||
handle: "Google Review",
|
||||
testimonial: "Authentic and delicious. Portion sizes are generous and pricing is great.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg?_wi=1",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
name: "Zebokhon M.",
|
||||
handle: "Google Review",
|
||||
testimonial: "Big portion, lots of meat, fresh vegetables, and delicious sauce.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg?_wi=1",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
]}
|
||||
tag="Authentic Mediterranean"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=2"
|
||||
imageAlt="Authentic Mediterranean food showcase"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 1000+ local foodies"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Where Every Bite Tells A Story"
|
||||
description="Authentic Mediterranean flavors crafted with love, fresh ingredients, and spices that transport you to the vibrant food markets of the world."
|
||||
testimonials={[
|
||||
{ name: "Aslan K.", handle: "Google Review", testimonial: "The food is absolutely delicious! Everything was fresh and full of flavor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg", imageAlt: "mediterranean food truck exterior" },
|
||||
{ name: "Nathan J.", handle: "Google Review", testimonial: "The best chicken over rice in town! Takes me back to New York.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/salad-near-oil-vegetables_23-2147778438.jpg", imageAlt: "chef preparing fresh food in kitchen" },
|
||||
{ name: "Aidan R.", handle: "Google Review", testimonial: "The sauce is so good — overall 10/10. Never had anything like it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg", imageAlt: "happy customer portrait" },
|
||||
{ name: "Kakhramon D.", handle: "Google Review", testimonial: "Authentic and delicious. Portion sizes are generous and pricing is great.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg", imageAlt: "happy customer portrait" },
|
||||
{ name: "Zebokhon M.", handle: "Google Review", testimonial: "Big portion, lots of meat, fresh vegetables, and delicious sauce.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg", imageAlt: "happy customer portrait" },
|
||||
]}
|
||||
tag="Authentic Mediterranean"
|
||||
buttons={[{ text: "Order Now", href: "#order" }, { text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg"
|
||||
imageAlt="Authentic Mediterranean food showcase"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Loved by 1000+ local foodies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Brought to You With Heart"
|
||||
description="Inspired by legendary food trucks, we brought that authentic taste right here — serving generous portions at prices that make it easy to come back again and again."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Always sourced fresh daily for the best flavor.",
|
||||
},
|
||||
{
|
||||
title: "Signature Sauce",
|
||||
description: "Our legendary house-made white sauce is daily crafted.",
|
||||
},
|
||||
{
|
||||
title: "Authentic Recipes",
|
||||
description: "New York–inspired recipes with Mediterranean roots.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/salad-near-oil-vegetables_23-2147778438.jpg?_wi=2"
|
||||
imageAlt="Our fresh ingredients"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Brought to You With Heart"
|
||||
description="Inspired by legendary food trucks, we brought that authentic taste right here — serving generous portions at prices that make it easy to come back again and again."
|
||||
bulletPoints={[
|
||||
{ title: "Fresh Ingredients", description: "Always sourced fresh daily for the best flavor." },
|
||||
{ title: "Signature Sauce", description: "Our legendary house-made white sauce is daily crafted." },
|
||||
{ title: "Authentic Recipes", description: "New York–inspired recipes with Mediterranean roots." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/salad-near-oil-vegetables_23-2147778438.jpg"
|
||||
imageAlt="Our fresh ingredients"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gyro Over Rice",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chicken Shawarma",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lamb Shawarma",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gyro Wrap",
|
||||
price: "$11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mixed Platter",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Signature Sauce",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg?_wi=8",
|
||||
},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Every item is prepared to order — no shortcuts, no compromises."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Gyro Over Rice", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg" },
|
||||
{ id: "2", name: "Chicken Shawarma", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg" },
|
||||
{ id: "3", name: "Lamb Shawarma", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg" },
|
||||
{ id: "4", name: "Gyro Wrap", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg" },
|
||||
{ id: "5", name: "Mixed Platter", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg" },
|
||||
{ id: "6", name: "Signature Sauce", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Every item is prepared to order — no shortcuts, no compromises."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aslan K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nathan J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Aidan R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kakhramon D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zebokhon M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
cardTitle="Real Reviews. Real Love."
|
||||
cardTag="What People Say"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Aslan K.", imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg" },
|
||||
{ id: "2", name: "Nathan J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg" },
|
||||
{ id: "3", name: "Aidan R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg" },
|
||||
{ id: "4", name: "Kakhramon D.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg" },
|
||||
{ id: "5", name: "Zebokhon M.", imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg" },
|
||||
]}
|
||||
cardTitle="Real Reviews. Real Love."
|
||||
cardTag="What People Say"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order" data-section="order">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Order Today"
|
||||
title="Ready to Taste the Difference?"
|
||||
description="Fresh, fast, and made to order. Pick it up yourself or have it delivered straight to your door."
|
||||
buttonText="Sign Up for Deals"
|
||||
/>
|
||||
</div>
|
||||
<div id="order" data-section="order">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Order Today"
|
||||
title="Ready to Taste the Difference?"
|
||||
description="Fresh, fast, and made to order. Pick it up yourself or have it delivered straight to your door."
|
||||
buttonText="Sign Up for Deals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Near Blackstone, Omaha",
|
||||
},
|
||||
{
|
||||
label: "Pickup & Delivery",
|
||||
},
|
||||
{
|
||||
label: "Open Daily",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Taj Taste"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Our Story", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reviews", href: "#reviews" }, { label: "Order Now", href: "#order" }] },
|
||||
{ items: [{ label: "Near Blackstone, Omaha" }, { label: "Pickup & Delivery" }, { label: "Open Daily" }] },
|
||||
]}
|
||||
logoText="Taj Taste"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user