bender/bca8ac10-bc28-478e-86da-1f143f43febc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-11 10:03:52 +00:00
parent 1d7c0a6a76 6dc9043374
commit 2c04e6e7c0
3 changed files with 75 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

364
src/app/page.tsx
View File

@@ -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>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-lato), sans-serif;
font-family: var(--font-montserrat), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-lato), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #0a0a0a;
--card: #171717;
--foreground: #f5f5f5;
--primary-cta: #c5a059;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #1f1f1f;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #c5a059;
--background-accent: #2a2a2a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);