Update src/app/page.tsx
This commit is contained in:
363
src/app/page.tsx
363
src/app/page.tsx
@@ -10,6 +10,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Sparkles, Coffee, Smile } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,273 +27,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Ambience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Shri Ramanna Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Ambience", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shri Ramanna Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Taste, Comfortable Moments"
|
||||
description="Discover the vibrant, traditional flavors of South India served with a warm, modern café experience. Freshly prepared, every single day."
|
||||
tag="Your Neighborhood Cafe"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eid-al-fitr-concept-with-tea_23-2147799407.jpg",
|
||||
imageAlt: "Signature Dosa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",
|
||||
imageAlt: "Cafe Ambience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086070.jpg?_wi=1",
|
||||
imageAlt: "Traditional Masala Dosa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-process-coffee-shop_23-2148366615.jpg?_wi=1",
|
||||
imageAlt: "Fresh Filter Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg?_wi=1",
|
||||
imageAlt: "Cozy Seating Area",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Highly rated neighborhood favorite"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Taste, Comfortable Moments"
|
||||
description="Discover the vibrant, traditional flavors of South India served with a warm, modern café experience. Freshly prepared, every single day."
|
||||
tag="Your Neighborhood Cafe"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Order Now", href: "#" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/eid-al-fitr-concept-with-tea_23-2147799407.jpg", imageAlt: "Signature Dosa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg", imageAlt: "Cafe Ambience" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Highly rated neighborhood favorite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Flavors",
|
||||
description: "Tradition meets taste in every bite of our dosas and snacks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086047.jpg",
|
||||
titleIconSrc: "Sparkles",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
{
|
||||
title: "Signature Filter Coffee",
|
||||
description: "Freshly brewed, aromatic, and the perfect start to your day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-coffee-kettle-table_23-2148251691.jpg",
|
||||
titleIconSrc: "Coffee",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Designed for relaxed hangouts and meaningful conversations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg?_wi=2",
|
||||
titleIconSrc: "Smile",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
description="More than just a café; it's a place where tradition meets comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Flavors", description: "Tradition meets taste in every bite of our dosas and snacks.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086047.jpg", titleIconSrc: "Sparkles", buttonText: "Explore"
|
||||
},
|
||||
{
|
||||
title: "Signature Filter Coffee", description: "Freshly brewed, aromatic, and the perfect start to your day.", imageSrc: "http://img.b2bpic.net/free-photo/high-view-coffee-kettle-table_23-2148251691.jpg", titleIconSrc: "Coffee", buttonText: "Explore"
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere", description: "Designed for relaxed hangouts and meaningful conversations.", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg", titleIconSrc: "Smile", buttonText: "Explore"
|
||||
}
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
description="More than just a café; it's a place where tradition meets comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Masala Dosa",
|
||||
price: "₹120",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086070.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Steam Idli",
|
||||
price: "₹60",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mortar-toasted-pastry_1339-5680.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Medu Vada",
|
||||
price: "₹70",
|
||||
variant: "Snack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chicken-nuggets-lettuce-sauce-plate-dark-red-table_140725-112074.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Filter Coffee",
|
||||
price: "₹40",
|
||||
variant: "Beverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-process-coffee-shop_23-2148366615.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rava Dosa",
|
||||
price: "₹140",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086040.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Onion Uttapam",
|
||||
price: "₹110",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chopped-cabbage-carrots-with-grilled-pepper-black-plate_114579-72213.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Favorites"
|
||||
description="Our most loved traditional dishes, crafted to perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Masala Dosa", price: "₹120", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086070.jpg" },
|
||||
{ id: "2", name: "Steam Idli", price: "₹60", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/mortar-toasted-pastry_1339-5680.jpg" },
|
||||
{ id: "3", name: "Medu Vada", price: "₹70", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chicken-nuggets-lettuce-sauce-plate-dark-red-table_140725-112074.jpg" }
|
||||
]}
|
||||
title="Customer Favorites"
|
||||
description="Our most loved traditional dishes, crafted to perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya S.",
|
||||
handle: "@priya_s",
|
||||
testimonial: "The best filter coffee I've had in Navsari! Always authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rahul K.",
|
||||
handle: "@rahul_k",
|
||||
testimonial: "Very friendly staff and consistent quality. A great spot for a casual breakfast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-women-relaxing-indoors_23-2148422441.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anjali V.",
|
||||
handle: "@anjali_v",
|
||||
testimonial: "Love the atmosphere here. So comfortable for hanging out with friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram D.",
|
||||
handle: "@vikram_d",
|
||||
testimonial: "Fresh food, great service. Shri Ramanna is our regular Sunday stop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-lying-sofa-with-breakfast-tray_23-2147916026.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Meera J.",
|
||||
handle: "@meera_j",
|
||||
testimonial: "Traditional, affordable, and tasty. Can't beat their Masala Dosa!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg",
|
||||
},
|
||||
]}
|
||||
title="What People Love"
|
||||
description="Authentic flavors, friendly service, and a vibe that brings customers back."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Priya S.", handle: "@priya_s", testimonial: "The best filter coffee I've had in Navsari! Always authentic.", imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg" },
|
||||
{ id: "2", name: "Rahul K.", handle: "@rahul_k", testimonial: "Very friendly staff and consistent quality. A great spot for a casual breakfast.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-women-relaxing-indoors_23-2148422441.jpg" }
|
||||
]}
|
||||
title="What People Love"
|
||||
description="Authentic flavors, friendly service, and a vibe that brings customers back."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="About Our Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="About Our Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Visit us at Lunsikui, Navsari. For queries, call or drop by for a hot cup of coffee."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit us at Lunsikui, Navsari. For queries, call or drop by for a hot cup of coffee."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Shri Ramanna Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Cafe",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Shri Ramanna Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Shri Ramanna Cafe"
|
||||
columns={[
|
||||
{ title: "Cafe", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Shri Ramanna Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user