Merge version_2 into main #1
207
src/app/page.tsx
207
src/app/page.tsx
@@ -3,14 +3,14 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Offers",
|
||||
id: "features",
|
||||
},
|
||||
name: "Offers", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Raysab Place"
|
||||
/>
|
||||
@@ -54,15 +46,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Hotel Raysab Place"
|
||||
description="Experience the authentic essence of Indian multi-cuisine. From traditional North Indian delights to savory street food, delivered with 3D-inspired passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Now", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-delicious-roti-with-copy-space_23-2149073332.jpg"
|
||||
/>
|
||||
@@ -74,23 +63,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Street Flavors",
|
||||
description: "Authentic street food recipes recreated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-coffee-patties_2829-17907.jpg",
|
||||
imageAlt: "Street Food",
|
||||
},
|
||||
title: "Street Flavors", description: "Authentic street food recipes recreated.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-coffee-patties_2829-17907.jpg", imageAlt: "Street Food"},
|
||||
{
|
||||
title: "Sweets Paradise",
|
||||
description: "Traditional desserts that melt away.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-colorful-chocolate-bowl-marble-table_114579-72541.jpg",
|
||||
imageAlt: "Sweets",
|
||||
},
|
||||
title: "Sweets Paradise", description: "Traditional desserts that melt away.", imageSrc: "http://img.b2bpic.net/free-photo/small-colorful-chocolate-bowl-marble-table_114579-72541.jpg", imageAlt: "Sweets"},
|
||||
{
|
||||
title: "Signature Chai",
|
||||
description: "Hand-brewed spices for your soul.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-cappuccino_1098-16954.jpg",
|
||||
imageAlt: "Tea",
|
||||
},
|
||||
title: "Signature Chai", description: "Hand-brewed spices for your soul.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-cappuccino_1098-16954.jpg", imageAlt: "Tea"},
|
||||
]}
|
||||
title="Our Specialties"
|
||||
description="Discover flavors crafted to perfection."
|
||||
@@ -105,41 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Paneer Butter Masala",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-frame_23-2148747715.jpg",
|
||||
},
|
||||
id: "p1", name: "Paneer Butter Masala", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-frame_23-2148747715.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Masala Dosa",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086040.jpg",
|
||||
},
|
||||
id: "p2", name: "Masala Dosa", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086040.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chicken Biryani",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indian-rice-dish_23-2148747676.jpg",
|
||||
},
|
||||
id: "p3", name: "Chicken Biryani", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indian-rice-dish_23-2148747676.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Garden Salad",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-sliced-chopped-foods-marinated-olives_114579-19589.jpg",
|
||||
},
|
||||
id: "p4", name: "Garden Salad", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-sliced-chopped-foods-marinated-olives_114579-19589.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garlic Naan",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pastry-tray_23-2149358092.jpg",
|
||||
},
|
||||
id: "p5", name: "Garlic Naan", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pastry-tray_23-2149358092.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mango Lassi",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dovga-salted-peppered-fresh-like-drink-with-greens-grey-background-soup-liquid_140725-15929.jpg",
|
||||
},
|
||||
id: "p6", name: "Mango Lassi", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dovga-salted-peppered-fresh-like-drink-with-greens-grey-background-soup-liquid_140725-15929.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Handpicked favorites from our kitchens."
|
||||
@@ -147,37 +100,19 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Daily Orders",
|
||||
items: [
|
||||
"Delivering excellence",
|
||||
"Fresh ingredients daily",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Daily Orders", description: "Delivering excellence with fresh ingredients daily.", imageSrc: "http://img.b2bpic.net/free-photo/indian-delicious-roti-with-copy-space_23-2149073332.jpg"
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Cuisine Types",
|
||||
items: [
|
||||
"Diverse regional menus",
|
||||
"Authentic recipes",
|
||||
],
|
||||
id: "m2", value: "12", title: "Cuisine Types", description: "Diverse regional menus with authentic recipes.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086040.jpg"
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8",
|
||||
title: "Rating",
|
||||
items: [
|
||||
"Loved by thousands",
|
||||
"Rated globally",
|
||||
],
|
||||
id: "m3", value: "4.8", title: "Rating", description: "Loved by thousands, rated globally.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indian-rice-dish_23-2148747676.jpg"
|
||||
},
|
||||
]}
|
||||
title="Serving Joy Daily"
|
||||
@@ -186,46 +121,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ananya P.",
|
||||
role: "Foodie",
|
||||
testimonial: "The best Paneer I've had in years!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-happy-woman-clanging-glasses-wine-table-cafe_23-2148016789.jpg",
|
||||
},
|
||||
id: "1", name: "Ananya P.", date: "2024-05-15", title: "Amazing food", quote: "The best Paneer I've had in years!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/human-happy-woman-clanging-glasses-wine-table-cafe_23-2148016789.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vikram S.",
|
||||
role: "Regular",
|
||||
testimonial: "Authentic and quick. The 3D menu is cool.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018818.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya K.",
|
||||
role: "Guest",
|
||||
testimonial: "Love the South Indian selection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-holding-potato-cips-blue-wall-male-cinema-movie-film-theater_140725-71918.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rahul M.",
|
||||
role: "Diner",
|
||||
testimonial: "Everything was fresh and hot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-beautiful-senior-woman-smiling_176420-31630.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sneha R.",
|
||||
role: "Fan",
|
||||
testimonial: "Mango Lassi is a must-try!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-food-drinks-dinner-party_23-2150763405.jpg",
|
||||
},
|
||||
id: "2", name: "Vikram S.", date: "2024-06-02", title: "Great experience", quote: "Authentic and quick. The menu is great.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018818.jpg"}
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Real experiences from our community."
|
||||
@@ -233,29 +136,21 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="blur-reveal"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer doorstep delivery via our app.",
|
||||
},
|
||||
id: "q1", title: "Do you deliver?", content: "Yes, we offer doorstep delivery via our app."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you open on Sundays?",
|
||||
content: "We operate 7 days a week from 11 AM to 11 PM.",
|
||||
},
|
||||
id: "q2", title: "Are you open on Sundays?", content: "We operate 7 days a week from 11 AM to 11 PM."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you accept digital payments?",
|
||||
content: "Absolutely, we support UPI, Cards, and COD.",
|
||||
},
|
||||
id: "q3", title: "Do you accept digital payments?", content: "Absolutely, we support UPI, Cards, and COD."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -266,20 +161,12 @@ export default function LandingPage() {
|
||||
description="Reserve a table or ask questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your request...",
|
||||
}}
|
||||
name: "message", placeholder: "Your request..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-with-wooden-furniture_1203-1690.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -289,29 +176,19 @@ export default function LandingPage() {
|
||||
logoText="Raysab Place"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About Us", href: "#hero"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -320,4 +197,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user