Update src/app/page.tsx
This commit is contained in:
364
src/app/page.tsx
364
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
@@ -32,136 +32,36 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Dishes",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Booking", id: "contact"},
|
||||
]}
|
||||
brandName="Lumière Dining"
|
||||
brandName="Modern Cut Barbershop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A Culinary Journey to Remember"
|
||||
description="Indulge in an extraordinary dining experience crafted with passion, precision, and the finest locally sourced ingredients at Lumière."
|
||||
variant: "gradient-bars"}}
|
||||
title="Where Precision Meets Style"
|
||||
description="Experience the ultimate grooming journey at Modern Cut Barbershop. From classic fades to modern styles, our expert barbers are dedicated to your look."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg",
|
||||
imageAlt: "Luxurious Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
|
||||
imageAlt: "Gourmet Plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg",
|
||||
imageAlt: "Wine Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-christal-chandelier-hangs-dinner-table-with-red-roses-greenery_8353-7354.jpg",
|
||||
imageAlt: "Restaurant Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-cooks-slicing-vegetables-cutting-board-meal-preparation-restaurant-kitchen-man-woman-cooking-gourmet-food-dish-with-organic-ingredients-working-culinary-recipe_482257-45653.jpg",
|
||||
imageAlt: "Kitchen Team",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_23-2148737648.jpg", imageAlt: "Barbershop Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-hair-with-scissors_23-2148737640.jpg", imageAlt: "Expert Cut" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-metallic-cutlery_23-2150315231.jpg",
|
||||
imageAlt: "Table Setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-sprinkles-fresh-rosemary-plated-dish-stove-top_482257-121108.jpg",
|
||||
imageAlt: "Kitchen Team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684444.jpg",
|
||||
imageAlt: "Restaurant Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-3487.jpg",
|
||||
imageAlt: "Wine Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-square-pizza-with-spinach_23-2149294879.jpg",
|
||||
imageAlt: "Gourmet Plating",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-customer_23-2148737638.jpg", imageAlt: "Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-customer_23-2148737645.jpg", imageAlt: "Hot Towel Shave" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wine-glass_74190-3838.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wine-glass_1203-6631.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wine-glass_74190-3491.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wine-glass_1203-2770.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wine-glass_1203-6633.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-chairs-antique-store_23-2149640752.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4659.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,19 +70,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Story Behind ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/standing-male-restaurant-hotel-equipment_1134-1294.jpg",
|
||||
alt: "Chef",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Our Passion",
|
||||
},
|
||||
{ type: "text", content: "Crafting Your Style " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/barber-shop-tool_23-2148737650.jpg", alt: "Barber" },
|
||||
{ type: "text", content: " With Care" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -193,30 +83,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Farm to Table",
|
||||
description: "Fresh, local produce delivered daily.",
|
||||
tag: "Ingredients",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-rice-grains-polenta-puffed-rice-cake-vegetables-wooden-table_23-2148062366.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artful Plating",
|
||||
description: "Every dish is a work of art.",
|
||||
tag: "Presentation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-jelly-delicious-dessert-plate_23-2148238722.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Impeccable Service",
|
||||
description: "Attentive, warm, and professional.",
|
||||
tag: "Hospitality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-barista-making-cappuccino-pouring-steamed-milk-latte-art-into-cup-give_1258-203427.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Classic Shaves", description: "Experience a traditional straight-razor shave.", tag: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaving-customer_23-2148737643.jpg" },
|
||||
{ id: "f2", title: "Modern Fades", description: "Sharp, precise fades tailored to you.", tag: "Style", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut_23-2148737646.jpg" },
|
||||
{ id: "f3", title: "Beard Grooming", description: "Expert shaping and beard maintenance.", tag: "Care", imageSrc: "http://img.b2bpic.net/free-photo/beard-trimming_23-2148737644.jpg" },
|
||||
]}
|
||||
title="Crafting the Perfect Experience"
|
||||
description="We blend tradition with modern culinary techniques."
|
||||
title="Our Services"
|
||||
description="Professional grooming services for the modern gentleman."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -227,51 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Prime Aged Ribeye",
|
||||
price: "$65",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-fish-with-shrimp-lemon-wedges_140725-3209.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mediterranean Seabass",
|
||||
price: "$48",
|
||||
variant: "Seafood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-fried-shrimps_140725-44339.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vegan Roasted Medley",
|
||||
price: "$32",
|
||||
variant: "Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-having-wine-salad_23-2148454107.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$18",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-85556.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seasonal Artisan Cocktail",
|
||||
price: "$16",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drink-glass-with-rose-petals-tray_140725-1046.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Roasted Root Soup",
|
||||
price: "$14",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2240.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium Pomade", price: "$24", variant: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/hair-product-jar_23-2148737651.jpg" },
|
||||
{ id: "p2", name: "Beard Oil", price: "$18", variant: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/beard-oil-bottle_23-2148737652.jpg" },
|
||||
{ id: "p3", name: "Aftershave Balm", price: "$20", variant: "Skincare", imageSrc: "http://img.b2bpic.net/free-photo/aftershave-lotion_23-2148737653.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Handpicked selections from our seasonal menu."
|
||||
title="Top Grooming Products"
|
||||
description="Maintain your look with our professional grade products."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -281,36 +114,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15",
|
||||
title: "Years of Experience",
|
||||
items: [
|
||||
"Executive chef",
|
||||
"Culinary awards",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Signature Recipes",
|
||||
items: [
|
||||
"Seasonal menu",
|
||||
"Modern takes",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Happy guests",
|
||||
"Quality assurance",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Years Serving", items: ["Expert barbers", "Trusted local shop"] },
|
||||
{ id: "m2", value: "15k+", title: "Haircuts Done", items: ["Modern styles", "Satisfied clients"] },
|
||||
{ id: "m3", value: "100%", title: "Quality Guarantee", items: ["Premium products", "Attention to detail"] },
|
||||
]}
|
||||
title="Chef's Excellence"
|
||||
description="The numbers behind our culinary passion."
|
||||
title="Barbershop Excellence"
|
||||
description="The quality standard of our shop."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -320,98 +129,57 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "An exquisite experience from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sommelier_1098-14998.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
handle: "@mikey",
|
||||
testimonial: "The best meal I've had in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena",
|
||||
testimonial: "Sophisticated flavors, perfectly balanced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
handle: "@dl",
|
||||
testimonial: "Exceptional service and ambiance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna P.",
|
||||
handle: "@annap",
|
||||
testimonial: "Simply perfect for every occasion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg",
|
||||
},
|
||||
{ id: "t1", name: "James W.", handle: "@james", testimonial: "The best fade I've had in years. Professional and sharp.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-haircut_23-2148737654.jpg" },
|
||||
{ id: "t2", name: "Alex D.", handle: "@alex", testimonial: "Love the hot towel shave, incredibly relaxing experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer_23-2148737655.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
description="Experiences from our beloved diners."
|
||||
title="Customer Feedback"
|
||||
description="What our regulars are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you require reservations?",
|
||||
content: "Yes, we highly recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "We feature a selection of seasonal vegan dishes.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 123 Gourmet Avenue.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "While walk-ins are welcome, booking an appointment ensures your preferred time slot." },
|
||||
{ id: "q2", title: "How often should I get a cut?", content: "We recommend visiting every 3-4 weeks to maintain your shape." },
|
||||
{ id: "q3", title: "Do you offer beard trims?", content: "Yes, our beard grooming service includes shaping, lining, and conditioning." },
|
||||
{ id: "q4", title: "Are your products for sale?", content: "Yes, you can purchase all our grooming products directly at the counter." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers."
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our shop."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Table"
|
||||
description="Secure your spot at Lumière for an unforgettable meal."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-843.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Book Your Appointment"
|
||||
description="Select your preferred service and time."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
multiSelect={{ name: "service", label: "Select Service", options: ["Haircut", "Beard Trim", "Full Service"] }}
|
||||
textarea={{ name: "notes", placeholder: "Any special requests?", rows: 3 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-booking_23-2148737656.jpg"
|
||||
buttonText="Confirm Booking"
|
||||
onSubmit={(data) => console.log(data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lumière"
|
||||
copyrightText="© 2025 Lumière Dining. All rights reserved."
|
||||
<FooterMedia
|
||||
logoText="Modern Cut"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-sign_23-2148737657.jpg"
|
||||
columns={[
|
||||
{ title: "Visit Us", items: [{ label: "123 Groom St, City", href: "#" }] },
|
||||
{ title: "Links", items: [{ label: "Booking", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Modern Cut Barbershop. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user