Merge version_1 into main #5
223
src/app/page.tsx
223
src/app/page.tsx
@@ -26,124 +26,123 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="SmokyMan Bistro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="SmokyMan Bistro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Smoked Meats in the Heart of Chennai"
|
||||
description="Tired of generic fast food? Experience the soul-satisfying tenderness of authentic slow-smoked brisket and pulled meats at SmokyMan Bistro. Hand-crafted, juicy, and flavor-packed."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-food-plates_23-2149617139.jpg", alt: "Customer enjoying meal" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/roasted-meat-with-glass-wine_140725-1849.jpg", alt: "Roasted meat with glass of wine" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lamb-ribs-kebab-served-with-grilled-potatoes-salad_140725-1564.jpg", alt: "Lamb ribs kebab served with grilled potatoes and salad" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/grilled-meat-cutlet-with-eggplant_140725-10937.jpg", alt: "grilled meat cutlet with eggplant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-taking-marinated-beef-served-with-onion-sumac-herbs_140725-2691.jpg", alt: "Woman taking marinated beef served with onion, sumac and herbs" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+914400000000" },
|
||||
{ text: "Get a Free Quote", href: "#" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Slow Smoked for 12 Hours" },
|
||||
{ type: "text-icon", text: "Locally Sourced Meats", icon: Beef },
|
||||
{ type: "text", text: "Authentic Chennai Spice" },
|
||||
{ type: "text-icon", text: "Signature BBQ Sauce", icon: Flame },
|
||||
{ type: "text", text: "Family Friendly Atmosphere" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Smoked Meats in the Heart of Chennai"
|
||||
description="Tired of generic fast food? Experience the soul-satisfying tenderness of authentic slow-smoked brisket and pulled meats at SmokyMan Bistro. Hand-crafted, juicy, and flavor-packed."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-food-plates_23-2149617139.jpg", alt: "Customer enjoying meal" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/roasted-meat-with-glass-wine_140725-1849.jpg", alt: "Roasted meat with glass of wine" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lamb-ribs-kebab-served-with-grilled-potatoes-salad_140725-1564.jpg", alt: "Lamb ribs kebab served with grilled potatoes and salad" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/grilled-meat-cutlet-with-eggplant_140725-10937.jpg", alt: "grilled meat cutlet with eggplant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-taking-marinated-beef-served-with-onion-sumac-herbs_140725-2691.jpg", alt: "Woman taking marinated beef served with onion, sumac and herbs" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+914400000000" },
|
||||
{ text: "Get a Free Quote", href: "#" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Slow Smoked for 12 Hours" },
|
||||
{ type: "text-icon", text: "Locally Sourced Meats", icon: Beef },
|
||||
{ type: "text", text: "Authentic Chennai Spice" },
|
||||
{ type: "text-icon", text: "Signature BBQ Sauce", icon: Flame },
|
||||
{ type: "text", text: "Family Friendly Atmosphere" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Bistro by the Numbers"
|
||||
description="We put passion into every plate, resulting in these impressive milestones."
|
||||
metrics={[
|
||||
{ id: "m1", value: "12+", title: "Hours Smoked", description: "Slow and steady.", icon: Clock },
|
||||
{ id: "m2", value: "50+", title: "Menu Items", description: "Diverse culinary delights.", icon: Flame },
|
||||
{ id: "m3", value: "1k+", title: "Happy Diners", description: "Counting every smile.", icon: Users },
|
||||
{ id: "m4", value: "5*", title: "Avg Rating", description: "Based on love.", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Bistro by the Numbers"
|
||||
description="We put passion into every plate, resulting in these impressive milestones."
|
||||
metrics={[
|
||||
{ id: "m1", value: "12+", title: "Hours Smoked", description: "Slow and steady.", icon: Clock },
|
||||
{ id: "m2", value: "50+", title: "Menu Items", description: "Diverse culinary delights.", icon: Flame },
|
||||
{ id: "m3", value: "1k+", title: "Happy Diners", description: "Counting every smile.", icon: Users },
|
||||
{ id: "m4", value: "5*", title: "Avg Rating", description: "Based on love.", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at SmokyMan."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need a reservation?", content: "We recommend it on weekends." },
|
||||
{ id: "q2", title: "Do you offer catering?", content: "Yes, for corporate and private events." },
|
||||
{ id: "q3", title: "Are your meats Halal?", content: "Yes, all our meats are certified." },
|
||||
{ id: "q4", title: "Do you have parking?", content: "Ample parking available at the Bhoomi building." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at SmokyMan."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need a reservation?", content: "We recommend it on weekends." },
|
||||
{ id: "q2", title: "Do you offer catering?", content: "Yes, for corporate and private events." },
|
||||
{ id: "q3", title: "Are your meats Halal?", content: "Yes, all our meats are certified." },
|
||||
{ id: "q4", title: "Do you have parking?", content: "Ample parking available at the Bhoomi building." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted Partners & Community"
|
||||
description="Proudly serving the Chennai community with passion."
|
||||
names={[
|
||||
"Zomato Foodies", "Swiggy Bites", "Chennai Food Guide", "Bistro Lovers", "Local BBQ Club"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted Partners & Community"
|
||||
description="Proudly serving the Chennai community with passion."
|
||||
names={["Zomato Foodies", "Swiggy Bites", "Chennai Food Guide", "Bistro Lovers", "Local BBQ Club"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Customers Say"
|
||||
description="Authentic flavors that keep customers coming back for more."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "t1", quote: "The best brisket in Chennai. Hands down.", name: "Ravi P.", role: "Foodie", rating: 5 },
|
||||
{ id: "t2", quote: "The pulled pork platter is a game changer!", name: "Sneha K.", role: "Regular", rating: 5 },
|
||||
{ id: "t3", quote: "Great atmosphere and even better service.", name: "Vikram S.", role: "Local", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Customers Say"
|
||||
description="Authentic flavors that keep customers coming back for more."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Incredible Experience", quote: "The best brisket in Chennai. Hands down.", name: "Ravi P.", role: "Foodie", rating: 5 },
|
||||
{ id: "t2", title: "Game Changer", quote: "The pulled pork platter is a game changer!", name: "Sneha K.", role: "Regular", rating: 5 },
|
||||
{ id: "t3", title: "Wonderful Service", quote: "Great atmosphere and even better service.", name: "Vikram S.", role: "Local", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SmokyMan Bistro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Our Services", href: "/services" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SmokyMan Bistro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Our Services", href: "/services" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user