Update src/app/page.tsx
This commit is contained in:
164
src/app/page.tsx
164
src/app/page.tsx
@@ -7,10 +7,11 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Zap, Target, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const trackCall = () => {
|
||||
@@ -37,14 +38,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Catering", id: "catering"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Catering", id: "catering" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Green Bucket Biryani"
|
||||
/>
|
||||
@@ -52,16 +49,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Best Family Biryani in Maripeda"
|
||||
description="Authentic Dum Biryani, Family Dining, Fast Delivery & Catering."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", onClick: trackCall,
|
||||
},
|
||||
{
|
||||
text: "Order WhatsApp", href: "https://wa.me/917396006121"},
|
||||
{ text: "Call Now", onClick: trackCall },
|
||||
{ text: "Order WhatsApp", href: "https://wa.me/917396006121" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pan-with-rice-meat-sauce_23-2147894751.jpg"
|
||||
imageAlt="Green Bucket Biryani Maripeda"
|
||||
@@ -70,20 +63,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "4.5★", description: "323+ Reviews"},
|
||||
{
|
||||
id: "m2", value: "Daily", description: "Fresh Ingredients"},
|
||||
{
|
||||
id: "m3", value: "Yes", description: "Family Friendly"},
|
||||
{
|
||||
id: "m4", value: "Yes", description: "Delivery & Takeout"},
|
||||
{ id: "m1", icon: Star, title: "4.5★", value: "323+ Reviews" },
|
||||
{ id: "m2", icon: Zap, title: "Daily", value: "Fresh Ingredients" },
|
||||
{ id: "m3", icon: Users, title: "Yes", value: "Family Friendly" },
|
||||
{ id: "m4", icon: Target, title: "Yes", value: "Delivery & Takeout" },
|
||||
]}
|
||||
title="Why Trust Us?"
|
||||
description="Consistently delivering taste and quality to local families."
|
||||
@@ -92,23 +80,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Chicken Dum Biryani", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-meal-composition_23-2148821517.jpg"},
|
||||
{
|
||||
id: "p2", name: "Mutton Biryani", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-spices-pilaf-board-bowls-spices-citrus-fruits-garlic_140725-78736.jpg"},
|
||||
{
|
||||
id: "p3", name: "Family Bucket", price: "₹600", imageSrc: "http://img.b2bpic.net/free-photo/beef-stew-with-potato-chestnuts-tomato-sauce-with-rice-garnish-cabbage-carrot-salad-takeaway_114579-892.jpg"},
|
||||
{
|
||||
id: "p4", name: "Fry Piece Biryani", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/spices-lime-near-rice-dishes_23-2147894716.jpg"},
|
||||
{
|
||||
id: "p5", name: "Veg Biryani", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-fresh-delicious-vegan-salad-various-organic-vegetables-with-knife-fork-various-spices_140725-136785.jpg"},
|
||||
{
|
||||
id: "p6", name: "Cool Drinks", price: "₹50", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-dessert-glass_140725-8124.jpg"},
|
||||
{ id: "p1", name: "Chicken Dum Biryani", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-meal-composition_23-2148821517.jpg" },
|
||||
{ id: "p2", name: "Mutton Biryani", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-spices-pilaf-board-bowls-spices-citrus-fruits-garlic_140725-78736.jpg" },
|
||||
{ id: "p3", name: "Family Bucket", price: "₹600", imageSrc: "http://img.b2bpic.net/free-photo/beef-stew-with-potato-chestnuts-tomato-sauce-with-rice-garnish-cabbage-carrot-salad-takeaway_114579-892.jpg" },
|
||||
{ id: "p4", name: "Fry Piece Biryani", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/spices-lime-near-rice-dishes_23-2147894716.jpg" },
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="Authentic recipes, fresh ingredients."
|
||||
@@ -119,20 +99,10 @@ export default function LandingPage() {
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", label: "Quality", title: "Authentic Dum Flavors", items: [
|
||||
"Traditional spices", "Slow-cooked meat", "Authentic recipe"],
|
||||
},
|
||||
{
|
||||
id: "f2", label: "Service", title: "Fast & Hygienic", items: [
|
||||
"Quick service", "Clean kitchen", "Contactless delivery"],
|
||||
},
|
||||
{
|
||||
id: "f3", label: "Dining", title: "Family Friendly", items: [
|
||||
"Ample seating", "Kid friendly", "Group orders"],
|
||||
},
|
||||
{ id: "f1", label: "Quality", title: "Authentic Dum Flavors", items: ["Traditional spices", "Slow-cooked meat", "Authentic recipe"] },
|
||||
{ id: "f2", label: "Service", title: "Fast & Hygienic", items: ["Quick service", "Clean kitchen", "Contactless delivery"] },
|
||||
{ id: "f3", label: "Dining", title: "Family Friendly", items: ["Ample seating", "Kid friendly", "Group orders"] },
|
||||
]}
|
||||
title="Why Choose Green Bucket Biryani?"
|
||||
description="Maripeda's favorite family destination."
|
||||
@@ -140,27 +110,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
showRating={true}
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Ramesh Kumar", role: "Local Resident", company: "Maripeda", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-salmon-dish-bowl-restaurant_23-2150461466.jpg"},
|
||||
{
|
||||
id: "t2", name: "Sita Devi", role: "Homemaker", company: "Maripeda", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-taking-selfies_23-2148395361.jpg"},
|
||||
{
|
||||
id: "t3", name: "Venkatesh Rao", role: "Local Business", company: "Maripeda", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-camera_23-2149049086.jpg"},
|
||||
{
|
||||
id: "t4", name: "Anitha Reddy", role: "Customer", company: "Maripeda", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-bringing-food-table-while-having-lunch-with-friends-home_637285-5872.jpg"},
|
||||
{
|
||||
id: "t5", name: "Madhu V.", role: "Foodie", company: "Maripeda", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-male-gardener-wearing-gardening-hat-stucks-out-tongue-holds-broken-hot-pepper_141793-70732.jpg"},
|
||||
{ id: "t1", name: "Ramesh Kumar", handle: "@local", testimonial: "Best biryani in town!", rating: 5 },
|
||||
{ id: "t2", name: "Sita Devi", handle: "@foodie", testimonial: "Fresh and delicious every time.", rating: 5 },
|
||||
]}
|
||||
title="Local Stories"
|
||||
description="What our customers say about us."
|
||||
@@ -170,81 +126,39 @@ export default function LandingPage() {
|
||||
<div id="location" data-section="location">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Visit Our Restaurant"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions", href: "https://maps.app.goo.gl/..."},
|
||||
]}
|
||||
heading={[{ type: "text", content: "Visit Our Restaurant" }]}
|
||||
buttons={[{ text: "Get Directions", href: "https://maps.app.goo.gl/..." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catering" data-section="catering">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Events"
|
||||
title="Need Biryani for Events?"
|
||||
description="From birthdays to weddings, we cater to all sizes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote", onClick: trackCall,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Quote", onClick: trackCall }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquiry"
|
||||
title="Book a Table or Make Inquiry"
|
||||
description="Send us your request, we will get back to you immediately."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", onClick: trackCall,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", onClick: trackCall }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Chicken Biryani", href: "#"},
|
||||
{
|
||||
label: "Mutton Biryani", href: "#"},
|
||||
{
|
||||
label: "Family Bucket", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "073960 06121", onClick: trackCall,
|
||||
},
|
||||
{
|
||||
label: "Maripeda, Telangana", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Catering", href: "#"},
|
||||
{
|
||||
label: "Delivery", href: "#"},
|
||||
{
|
||||
label: "Reservation", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Biryani", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "073960 06121", onClick: trackCall }] },
|
||||
{ title: "Services", items: [{ label: "Catering", href: "#" }] },
|
||||
]}
|
||||
logoText="Green Bucket Biryani"
|
||||
copyrightText="© 2025 | Green Bucket Biryani Maripeda"
|
||||
@@ -253,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user