Initial commit
This commit is contained in:
187
src/app/page.tsx
Normal file
187
src/app/page.tsx
Normal file
@@ -0,0 +1,187 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Award, Phone } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Society Restaurant"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Popular Dishes", id: "dishes" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
bottomLeftText="Fort, Mumbai"
|
||||
bottomRightText="022 2265 8103"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Authentic Kerala Food in Fort Mumbai"
|
||||
description="Delicious South Indian dishes, biryani, dosa, and seafood served fresh every day. Quick service, affordable prices, trusted by locals."
|
||||
buttons={[
|
||||
{ text: "Call Now: 022 2265 8103", href: "tel:02222658103" },
|
||||
{ text: "Order Takeaway", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-arrangement_23-2148825102.jpg"
|
||||
imageAlt="Authentic Kerala cuisine - fresh food prepared daily"
|
||||
mediaAnimation="blur-reveal"
|
||||
background={{ variant: "circleGradient" }}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights" data-section="highlights">
|
||||
<MetricCardTwo
|
||||
title="Why Society Restaurant"
|
||||
description="Trusted by hundreds of customers in Fort Mumbai for authentic Kerala cuisine and exceptional service."
|
||||
metrics={[
|
||||
{ id: "rating", value: "4.2★", description: "Google Rating" },
|
||||
{ id: "reviews", value: "500+", description: "Customer Reviews" },
|
||||
{ id: "authentic", value: "100%", description: "Authentic Recipes" },
|
||||
{ id: "affordable", value: "₹1-200", description: "Price Range" }
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardTwo
|
||||
title="Popular Dishes"
|
||||
description="Our signature Kerala and South Indian specialties loved by customers across Mumbai."
|
||||
products={[
|
||||
{ id: "biryani", brand: "Kerala Special", name: "Chicken Biryani", price: "₹250", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-eid-al-fitr-celebration-with-delicious-food_23-2151205121.jpg", imageAlt: "Chicken Biryani - fragrant rice with tender meat" },
|
||||
{ id: "fish-fry", brand: "Fresh Catch", name: "Fish Fry", price: "₹180", rating: 5, reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-nuggets-cheese-sticks-wooden-board-piece-lettuce-leaf_114579-71815.jpg", imageAlt: "Fish Fry - crispy fried seafood" },
|
||||
{ id: "paratha", brand: "Homemade", name: "Kerala Paratha", price: "₹80", rating: 5, reviewCount: "110+", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033966.jpg", imageAlt: "Kerala Paratha - layered buttery flatbread" },
|
||||
{ id: "chicken-65", brand: "Appetizer", name: "Chicken 65", price: "₹150", rating: 5, reviewCount: "105+", imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wings-with-dipping-sauces-dark-background_84443-72419.jpg", imageAlt: "Chicken 65 - spicy fried chicken bites" },
|
||||
{ id: "veg-rice", brand: "Vegetarian", name: "Vegetable Fried Rice", price: "₹120", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-salad-with-various-vegetables_140725-149646.jpg", imageAlt: "Vegetable Fried Rice - colorful and fresh" },
|
||||
{ id: "chai", brand: "Beverage", name: "Traditional Black Tea", price: "₹20", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cinnamon-flowers-beige-napkin_141793-18133.jpg", imageAlt: "Traditional Black Tea - aromatic hot beverage" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="About Society Restaurant"
|
||||
description="Society Restaurant is a beloved Kerala restaurant in Fort Mumbai serving authentic South Indian cuisine with affordable prices. For years, we've been the go-to spot for office workers, locals, and visitors craving delicious homemade Kerala food. Our commitment to fresh ingredients, traditional recipes, and quick service keeps customers coming back."
|
||||
tag="Est. 2010"
|
||||
tagIcon={Award}
|
||||
metrics={[
|
||||
{ value: "14+", title: "Years of Service" },
|
||||
{ value: "3", title: "Service Types" },
|
||||
{ value: "1000+", title: "Regular Customers" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/meat-with-vegetables-pan-pickles_140725-6251.jpg"
|
||||
imageAlt="Society Restaurant warm and welcoming interior"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Nice ambience, tasty food and variety of Kerala dishes. The service is quick and staff is friendly. Definitely coming back!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg", alt: "Sarah Johnson - Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg", alt: "Mukesh Patel - Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20364.jpg", alt: "Priya Sharma - Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg", alt: "Rajesh Kumar - Customer" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Order?"
|
||||
tagIcon={Phone}
|
||||
title="Craving Authentic Kerala Food?"
|
||||
description="Call now to order fresh Kerala cuisine for dine-in, takeaway, or delivery. Quick service, affordable prices. Open daily from 11 AM to 11 PM."
|
||||
buttons={[
|
||||
{ text: "Call: 022 2265 8103", href: "tel:02222658103" },
|
||||
{ text: "Order Online", href: "https://www.zomato.com" }
|
||||
]}
|
||||
background={{ variant: "circleGradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Popular Dishes", href: "#dishes" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: 022 2265 8103", href: "tel:02222658103" },
|
||||
{ label: "Fort, Mumbai 400001", href: "#" },
|
||||
{ label: "Open: 11 AM - 11 PM", href: "#" },
|
||||
{ label: "All Days Open", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Dine-in", href: "#" },
|
||||
{ label: "Takeaway", href: "#" },
|
||||
{ label: "Delivery", href: "#" },
|
||||
{ label: "Catering", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Society Restaurant. All rights reserved. Authentic Kerala Cuisine in Fort, Mumbai."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user