126 lines
6.6 KiB
TypeScript
126 lines
6.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Luxury Experience", id: "about" },
|
|
{ name: "Lookbook", id: "menu" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Newsletter", id: "contact" }
|
|
]}
|
|
brandName="Arden Eats"
|
|
button={{ text: "Order Now", href: "#menu" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Savor Exquisite Flavors with Arden Eats"
|
|
description="Discover a world of culinary delights, crafted with passion and fresh ingredients. Your journey of taste begins here."
|
|
background={{ variant: "plain" }}
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/view-delicious-pasta-plate_23-2150937397.jpg" },
|
|
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/front-view-tasty-meat-burger-with-cheese-dark-background_140725-89596.jpg?_wi=1" },
|
|
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/classic-cheeseburger-with-fries-table_23-2148247844.jpg" },
|
|
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/close-up-various-indian-food-served_23-2149591963.jpg" },
|
|
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/tasty-burger-with-chicken-sauce-cheese_140725-5603.jpg" },
|
|
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/chicken-kebab-with-fresh-vegetables_23-2149027815.jpg" }
|
|
]}
|
|
buttons={[{ text: "Discover Experience", href: "#about" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="About Arden Eats"
|
|
description="Arden Eats is dedicated to bringing you the freshest ingredients and most delightful culinary experiences, transforming every meal into a special occasion."
|
|
metrics={[{ value: "10k+", title: "Customers" }, { value: "50k+", title: "Meals Served" }]}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-photo/flat-lay-table-full-tasty-food_23-2148560330.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Our Signature Menu"
|
|
description="Explore a selection of our most popular and exquisitely prepared dishes, showcasing the best of Arden Eats."
|
|
gridVariant="one-large-right-three-stacked-left"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Gourmet Burger", price: "Rs. 850", imageSrc: "https://img.b2bpic.net/free-photo/front-view-tasty-meat-burger-with-cheese-dark-background_140725-89596.jpg?_wi=2" },
|
|
{ id: "p2", name: "Spicy Chicken", price: "Rs. 700", imageSrc: "https://img.b2bpic.net/free-photo/fried-chicken-wings-barbecue-sauce-with-spicy-honey-lemon-garnish-sesame-seeds_123827-23000.jpg" },
|
|
{ id: "p3", name: "Fresh Caesar Salad", price: "Rs. 550", imageSrc: "https://img.b2bpic.net/free-photo/fresh-caesar-salad-with-grilled-chicken-parmesan-cheese_23-2151044458.jpg" },
|
|
{ id: "p4", name: "Artisan Pizza", price: "Rs. 1200", imageSrc: "https://img.b2bpic.net/free-photo/delicious-freshly-baked-pizza-cutting-board_114579-2465.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Hear from our happy customers about their delightful experiences with Arden Eats."
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", name: "Emily R.", handle: "@emilyr", testimonial: "Arden Eats consistently delivers incredible food. Every dish is a culinary masterpiece!" },
|
|
{ id: "t2", name: "John S.", handle: "@johns", testimonial: "The freshness and flavor are simply outstanding. Arden Eats is my go-to for gourmet meals." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Connect with Arden Eats"
|
|
description="Stay updated with Arden Eats! Sign up for our newsletter for exclusive offers, new menu items, and special events."
|
|
inputs={[
|
|
{ name: "email", type: "email", placeholder: "Enter your professional email", required: true },
|
|
{ name: "name", type: "text", placeholder: "Enter your name", required: true }
|
|
]}
|
|
buttonText="Subscribe"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Arden Eats"
|
|
columns={[
|
|
{ items: [{ label: "About Us", href: "#about" }, { label: "Gallery", href: "#menu" }] },
|
|
{ items: [{ label: "Contact", href: "#contact" }, { label: "Legal", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|