Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4a62dac27f | |||
| 574df16d4f |
510
src/app/page.tsx
510
src/app/page.tsx
@@ -2,399 +2,159 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Harsh Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Harsh Restaurant"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Harsh Restaurant"
|
||||
description="Authentic Flavors, Exceptional Dining Experience. Discover Harsh Restaurant's signature dishes and convenient online ordering. Fresh ingredients, traditional recipes, and modern service await you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-dish-green-beans-with-tomatoes-board-fork-knife-bottle-oil-tomatoes-with-pedicels-four-bowls-colorful-spices-dark-table_140725-119909.jpg"
|
||||
imageAlt="Exquisite restaurant dining experience"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
title="Harsh Restaurant: A Culinary Journey"
|
||||
description="Experience authentic, soulful cooking in an elegant professional setting."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
tag="Welcome to Harsh"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Authentic Taste"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Refining the Culinary Art"
|
||||
description="At Harsh Restaurant, we marry traditional spice profiles with modern gastronomic techniques to deliver an unparalleled dining experience."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Signature Dishes" },
|
||||
{ value: "10k+", title: "Happy Diners" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Biryani",
|
||||
price: "₹499",
|
||||
variant: "Authentic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appetizing-dish-green-beans-plate-fork-garlic-bottle-oil-white-notebook-bowls-spices-dark-table_140725-120100.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Traditional Kebab",
|
||||
price: "₹349",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "House Special Curry",
|
||||
price: "₹599",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-tomatoes-topped-with-sesame-seeds_141793-17451.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vegetable Delight",
|
||||
price: "₹399",
|
||||
variant: "Vegetarian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bulgur-with-meat-zucchini-prunes-beans-bell-pepper-spices-dry-fruits-top-view_141793-1755.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fusion Dessert",
|
||||
price: "₹299",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5873.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Classic Tandoori",
|
||||
price: "₹449",
|
||||
variant: "Grill",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steamed-bao-bun-with-braised-pork-belly-fresh-asian-slaw_84443-85877.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Hand-crafted traditional recipes prepared with the freshest local ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
title="Our Culinary Selection"
|
||||
description="Hand-picked seasonal ingredients prepared by masters of their craft."
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Tandoori Masterpiece", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/appetizing-dish-green-beans-plate-fork-garlic-bottle-oil-white-notebook-bowls-spices-dark-table_140725-120100.jpg" },
|
||||
{ id: "2", name: "Saffron Infused Biryani", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg" },
|
||||
{ id: "3", name: "Signature Curry", price: "₹699", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-tomatoes-topped-with-sesame-seeds_141793-17451.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amit Sharma",
|
||||
date: "2024-05-12",
|
||||
title: "Regular Diner",
|
||||
quote: "The most authentic flavors I have ever experienced in town.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-woman-having-fun-while-having-dinner-with-friends-home_637285-3551.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Singh",
|
||||
date: "2024-06-01",
|
||||
title: "Foodie",
|
||||
quote: "Incredible service and even better food. The atmosphere is lovely.",
|
||||
tag: "Highly Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/loving-people-having-romantic-dinner_23-2147736679.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rahul Verma",
|
||||
date: "2024-06-15",
|
||||
title: "Corporate Planner",
|
||||
quote: "Harsh catered our office event and everyone loved it.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277991.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-food_23-2149410427.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sneha Reddy",
|
||||
date: "2024-07-02",
|
||||
title: "Frequent Guest",
|
||||
quote: "Best place for a family dinner. Always fresh and tasty.",
|
||||
tag: "Family Favorite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/restaurant-clutery-background_1078-4.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-people-taking-snacks-from-table_1262-1958.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vijay Nair",
|
||||
date: "2024-07-10",
|
||||
title: "Critic",
|
||||
quote: "Traditional cooking techniques handled with exceptional care.",
|
||||
tag: "Top Pick",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-looking-showing-thumb-up-doing-money-gesture_141793-58035.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891043.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Guests Love Us"
|
||||
description="Read what our diners say about their experiences at Harsh Restaurant."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Guests Say"
|
||||
description="Read what our patrons have to say."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Arjun K.", role: "Food Critic", company: "City Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-woman-having-fun-while-having-dinner-with-friends-home_637285-3551.jpg" },
|
||||
{ id: "2", name: "Sarah M.", role: "Frequent Diner", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/loving-people-having-romantic-dinner_23-2147736679.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ambiance",
|
||||
description: "Our beautifully curated dining room sets the perfect mood for any occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-unfocused_1203-770.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fresh Kitchen",
|
||||
description: "Behind the scenes where tradition meets fresh quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bar & Lounge",
|
||||
description: "Enjoy crafted beverages in our relaxed lounge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-3910.jpg",
|
||||
},
|
||||
{
|
||||
title: "Patio Dining",
|
||||
description: "Al fresco options that are perfect for mild evenings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dancing-with-woman-restaurant_23-2148016782.jpg",
|
||||
},
|
||||
{
|
||||
title: "Private Events",
|
||||
description: "Spaces dedicated to making your special moments truly memorable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-3621.jpg",
|
||||
},
|
||||
{
|
||||
title: "Table Settings",
|
||||
description: "We believe in fine details for an elevated dining experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-elegant-tableware-table_23-2148835208.jpg",
|
||||
},
|
||||
]}
|
||||
title="A Visual Tour"
|
||||
description="Get a glimpse of our inviting atmosphere and exceptional dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyNine
|
||||
title="The Harsh Atmosphere"
|
||||
description="Explore our fine dining space."
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Grand Hall", description: "Spacious and elegant seating.", imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-unfocused_1203-770.jpg", titleImageSrc: "", buttonText: "Book Now" },
|
||||
{ title: "Open Kitchen", description: "Witness the magic of our chefs.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg", titleImageSrc: "", buttonText: "Learn More" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "online",
|
||||
price: "Digital",
|
||||
name: "Online Payment",
|
||||
features: [
|
||||
"UPI Integration",
|
||||
"Credit/Debit Cards",
|
||||
"Net Banking",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Pay Online",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "cash",
|
||||
price: "Offline",
|
||||
name: "Cash on Delivery",
|
||||
features: [
|
||||
"Secure Delivery",
|
||||
"Cash Payments",
|
||||
"Easy Receipt",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "wallet",
|
||||
price: "Wallet",
|
||||
name: "E-Wallets",
|
||||
features: [
|
||||
"Fast Transactions",
|
||||
"Rewards & Offers",
|
||||
"Instant Confirmation",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Payment Options"
|
||||
description="Flexible and convenient payment methods available for your comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Experience Tiers"
|
||||
description="Choose your journey."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essential", price: "₹1500", subtitle: "Tasting Menu for Two", features: ["4 Courses", "Table Selection", "Standard Service"] },
|
||||
{ id: "premium", badge: "Signature", price: "₹3000", subtitle: "Chef's Special Tasting", features: ["7 Courses", "Wine Pairing", "Priority Seating"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Can I reserve a table?",
|
||||
content: "Yes, please call our team at 991234561645 for reservations.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer catering?",
|
||||
content: "We offer complete catering services for events and private parties.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is delivery available?",
|
||||
content: "Absolutely! Order online and we will deliver straight to you.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I book?", content: "Simply use our contact form or call us direct." },
|
||||
{ id: "2", title: "Are dietary restrictions accommodated?", content: "Yes, our chefs are happy to adapt meals for your needs." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us"
|
||||
description="Ready to dine with us or place an order? Get in touch with Harsh Restaurant today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "991234561645 (Owner Direct)",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Reservation details, catering inquiries, or questions.",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-staff-working-airport-terminal_107420-85075.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Get in Touch"
|
||||
description="Whether planning a grand event or a quiet evening, our team is at your service."
|
||||
tag="Reserve a Table"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Harsh Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Harsh Restaurant"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user