Merge version_1 into main #2
327
src/app/page.tsx
327
src/app/page.tsx
@@ -14,244 +14,109 @@ import { Award, Leaf, Utensils } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Feedback",
|
||||
id: "feedback",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Arul Restaurants"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Feedback", id: "feedback" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Arul Restaurants"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Welcome to Arul Restaurants"
|
||||
description="Experience authentic flavors and traditional recipes, served with love and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Order",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
|
||||
imageAlt="Arul Restaurants Interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Welcome to Arul Restaurants"
|
||||
description="Experience authentic flavors and traditional recipes, served with love and care."
|
||||
buttons={[{ text: "Call to Order", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
|
||||
imageAlt="Arul Restaurants Interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Exquisite Chicken Biryani",
|
||||
price: "Delicious flavor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-arrangement_23-2148821513.jpg?_wi=1",
|
||||
imageAlt: "Chicken Biryani",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Savory Mutton Curry",
|
||||
price: "Rich and delicious",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-brown-bowl-food-bowl-potatoes-mushrooms-fork-different-colorful-spices_140725-117349.jpg",
|
||||
imageAlt: "Mutton Curry",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Traditional Chicken Curry",
|
||||
price: "Perfectly balanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508971.jpg",
|
||||
imageAlt: "Chicken Curry",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Spicy Fish Curry",
|
||||
price: "Absolutely delicious",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-homemade-soup-with-chicken-spices-set_140725-114510.jpg",
|
||||
imageAlt: "Fish Curry",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Home-style Curd Rice",
|
||||
price: "So delicious and soothing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-along-with-greens-seasonings-dark-blue-desk_140725-50552.jpg",
|
||||
imageAlt: "Curd Rice",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Indulge in our carefully crafted traditional delicacies that capture the essence of home cooking."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Exquisite Chicken Biryani", price: "Delicious flavor", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-arrangement_23-2148821513.jpg", imageAlt: "Chicken Biryani" },
|
||||
{ id: "p2", name: "Savory Mutton Curry", price: "Rich and delicious", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-brown-bowl-food-bowl-potatoes-mushrooms-fork-different-colorful-spices_140725-117349.jpg", imageAlt: "Mutton Curry" },
|
||||
{ id: "p3", name: "Traditional Chicken Curry", price: "Perfectly balanced", imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508971.jpg", imageAlt: "Chicken Curry" },
|
||||
{ id: "p4", name: "Spicy Fish Curry", price: "Absolutely delicious", imageSrc: "http://img.b2bpic.net/free-photo/close-up-homemade-soup-with-chicken-spices-set_140725-114510.jpg", imageAlt: "Fish Curry" },
|
||||
{ id: "p5", name: "Home-style Curd Rice", price: "So delicious and soothing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-along-with-greens-seasonings-dark-blue-desk_140725-50552.jpg", imageAlt: "Curd Rice" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Indulge in our carefully crafted traditional delicacies that capture the essence of home cooking."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feedback" data-section="feedback">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ravi Kumar",
|
||||
role: "Diner",
|
||||
company: "Regular Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya Sharma",
|
||||
role: "Foodie",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-woman-sunglasses-enjoying-asian-food-s_197531-31013.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anil Reddy",
|
||||
role: "Customer",
|
||||
company: "Local Resident",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sunita Rao",
|
||||
role: "Customer",
|
||||
company: "Family Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-woman-sunglasses-enjoying-asian-food-s_197531-31013.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram Seth",
|
||||
role: "Gourmet",
|
||||
company: "Food Critic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Satisfied Guests",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Daily Orders",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="We value your opinions and strive to make every meal memorable."
|
||||
/>
|
||||
</div>
|
||||
<div id="feedback" data-section="feedback">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ravi Kumar", role: "Diner", company: "Regular Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg" },
|
||||
{ id: "t2", name: "Priya Sharma", role: "Foodie", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-woman-sunglasses-enjoying-asian-food-s_197531-31013.jpg" },
|
||||
{ id: "t3", name: "Anil Reddy", role: "Customer", company: "Local Resident", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg" },
|
||||
{ id: "t4", name: "Sunita Rao", role: "Customer", company: "Family Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-woman-sunglasses-enjoying-asian-food-s_197531-31013.jpg" },
|
||||
{ id: "t5", name: "Vikram Seth", role: "Gourmet", company: "Food Critic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "1000+", label: "Satisfied Guests" },
|
||||
{ value: "50+", label: "Daily Orders" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="We value your opinions and strive to make every meal memorable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Call to Order Now"
|
||||
description="Reach out to us directly at 1234567890 to place your order or share your feedback."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your feedback or order details...",
|
||||
}}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-arrangement_23-2148821513.jpg?_wi=2"
|
||||
imageAlt="Our Kitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Call to Order Now"
|
||||
description="Reach out to us directly at 1234567890 to place your order or share your feedback."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your feedback or order details..." }}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-arrangement_23-2148821513.jpg"
|
||||
imageAlt="Our Kitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact in Numbers"
|
||||
description="Building a community through great taste and commitment."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years of Experience",
|
||||
description: "Dedicated to culinary perfection.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Natural Ingredients",
|
||||
description: "Freshness guaranteed every time.",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5000+",
|
||||
title: "Meals Served",
|
||||
description: "Happy stomachs across the region.",
|
||||
icon: Utensils,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Arul Restaurants",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact: 1234567890",
|
||||
href: "tel:1234567890",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Arul Restaurants"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Arul Restaurants", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact: 1234567890", href: "tel:1234567890" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Arul Restaurants"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user