Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 47750adbc0 | |||
| 34e332918c | |||
| f87ea05a8d | |||
| 3c84689edd | |||
| 82fa49f5a3 | |||
| 002fafd7ff | |||
| 5ee85b16f8 | |||
| 8f460feffe | |||
| a47f304c14 |
279
src/app/page.tsx
279
src/app/page.tsx
@@ -2,251 +2,160 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Utensils, CalendarDays, BookOpen, ChefHat, Star } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Clock, ShieldCheck, Zap, Diamond, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collections", id: "menu" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="Chef Elise"
|
||||
brandName="Horology Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Elevated Dining, Right at Your Table"
|
||||
description="Experience restaurant-grade gourmet meals prepared in the comfort of your own home by Chef Elise."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cook-woman-making-sushi-rolls_1398-1682.jpg", alt: "Chef Elise"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720714.jpg", alt: "Professional assistant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-cook-wearing-chef-uniform-holding-whisk-crossing-hands-isolated-pink-wall-with-copy-space_141793-36711.jpg", alt: "Sous chef"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720713.jpg", alt: "Kitchen staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720711.jpg", alt: "Culinary expert"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Dinner", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Michelin-Starred Experience"},
|
||||
{
|
||||
type: "text", text: "Farm-to-Table Fresh"},
|
||||
{
|
||||
type: "text", text: "Customizable Menus"},
|
||||
{
|
||||
type: "text", text: "Seamless Cleanup"},
|
||||
{
|
||||
type: "text", text: "Professional Service"},
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Timeless Precision, Crafted for You"
|
||||
description="Discover our curated selection of luxury timepieces, where heritage engineering meets contemporary design."
|
||||
tag="Luxury Watchmaker"
|
||||
buttons={[{ text: "View Our Collections", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-watch-with-black-face-metal-strap_1203-1082.jpg?_wi=1"
|
||||
imageAlt="Luxury watch showcase"
|
||||
testimonials={[
|
||||
{ name: "James W.", handle: "@jamesw", testimonial: "The craftsmanship is unparalleled. Absolutely stunning.", rating: 5 },
|
||||
{ name: "Elena M.", handle: "@elenam", testimonial: "A truly timeless piece that defines sophistication.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Chef Elise"
|
||||
title="A Passion for Fine Ingredients"
|
||||
description="With over 10 years of experience in Michelin-starred kitchens, I bring professional expertise to your home dining experiences."
|
||||
subdescription="My approach focuses on farm-to-table freshness, seasonal flavors, and bespoke menus tailored to your specific preferences."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiter-holding-plate-fried-aubergine-wraps-with-walnuts_140725-5250.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
<MetricSplitMediaAbout
|
||||
title="Crafting Excellence Since 1995"
|
||||
description="For nearly three decades, we have dedicated ourselves to the mastery of horological precision. Every watch we offer is a testament to our commitment to quality and detail."
|
||||
metrics={[{ value: "28+", title: "Years Experience" }, { value: "5k+", title: "Timepieces Sold" }]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/macro-shot-watch-movement_1203-1077.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
<FeatureBorderGlow
|
||||
title="Our Services"
|
||||
description="Specialized care for your valuable timepieces."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Private Dinners", description: "Custom menus for intimate parties.", buttonIcon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-cooking-with-pan_23-2149631736.jpg", imageAlt: "private chef gourmet plating"},
|
||||
{
|
||||
title: "Events & Catering", description: "Seamless service for larger gatherings.", buttonIcon: CalendarDays,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-plate-fried-aubergine-wraps-with-walnuts_140725-5250.jpg?_wi=2", imageAlt: "private chef gourmet plating"},
|
||||
{
|
||||
title: "Cooking Classes", description: "Hands-on culinary lessons in your home.", buttonIcon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cook-woman-making-sushi-rolls_1398-1682.jpg", imageAlt: "private chef gourmet plating"},
|
||||
{
|
||||
title: "Weekly Prep", description: "Healthy, pre-planned meals for your week.", buttonIcon: ChefHat,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44318.jpg", imageAlt: "private chef gourmet plating"},
|
||||
{ icon: ShieldCheck, title: "Certified Repairs", description: "Professional maintenance by master horologists." },
|
||||
{ icon: Clock, title: "Movement Servicing", description: "Complete overhaul for automatic calibers." },
|
||||
{ icon: Zap, title: "Battery Replacement", description: "Precision battery replacement with water resistance testing." },
|
||||
{ icon: Diamond, title: "Polishing", description: "Restoring the original luster of your casing and bracelet." }
|
||||
]}
|
||||
title="Services Offered"
|
||||
description="Comprehensive culinary solutions for every occasion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<ProductCardTwo
|
||||
title="Current Collections"
|
||||
description="Explore our curated range of classic and modern luxury watches."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Herb-Crusted Wagyu", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-condiments-concept_23-2148578412.jpg"},
|
||||
{
|
||||
id: "p2", name: "Seared Scallop Risotto", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg"},
|
||||
{
|
||||
id: "p3", name: "Truffle Mushroom Tart", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-sliced-vegetable-salad-peppered-inside-plate-dark-blue-desk-salad-vegetable-food-meal-snack-lunch_140725-39963.jpg"},
|
||||
{
|
||||
id: "p4", name: "Valrhona Chocolate Ganache", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-cream-dogwoods-grey_140725-29962.jpg"},
|
||||
{
|
||||
id: "p5", name: "Amuse-bouche Trio", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/happy-chef-arranging-snacks-wooden-board_23-2148245053.jpg"},
|
||||
{
|
||||
id: "p6", name: "Seasonal Tasting Menu", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259728.jpg"},
|
||||
{ id: "w1", brand: "Aeterna", name: "Midnight Chrono", price: "$1,250", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/luxury-watch-with-black-face-metal-strap_1203-1082.jpg?_wi=2" },
|
||||
{ id: "w2", brand: "Vantage", name: "Heritage Classic", price: "$950", rating: 4, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/elegant-luxury-watch_1203-1076.jpg" },
|
||||
{ id: "w3", brand: "Luxe", name: "Diver Pro", price: "$1,800", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxury-watch_1203-1078.jpg" }
|
||||
]}
|
||||
title="Signature Menu Highlights"
|
||||
description="A glimpse of the gourmet experiences I craft for my clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<PricingCardThree
|
||||
title="Service Plans"
|
||||
description="Transparent maintenance packages."
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Intimate", price: "$300", subtitle: "Perfect for small parties.", features: [
|
||||
"3-course meal", "Bespoke menu", "Prep & cleanup"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Gourmet", price: "$600", subtitle: "A fully tailored experience.", features: [
|
||||
"5-course meal", "Wine pairing", "Full kitchen service"],
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Luxury", badgeIcon: Star, price: "$1200", subtitle: "Total culinary indulgence.", features: [
|
||||
"7-course meal", "Personal service", "Market sourcing"],
|
||||
},
|
||||
{ id: "std", name: "Standard", price: "$150", buttons: [{ text: "Select" }], features: ["Basic movement check", "Case cleaning", "Battery replacement"] },
|
||||
{ id: "pro", name: "Professional", price: "$350", buttons: [{ text: "Select" }], features: ["Full movement overhaul", "Water resistance test", "Bracelet restoration"] },
|
||||
{ id: "lux", name: "Platinum", price: "$600", buttons: [{ text: "Select" }], features: ["Full movement overhaul", "Case refinishing", "Polishing & buffing", "Extended warranty"] }
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple packages for your convenience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardTwo
|
||||
title="Client Experiences"
|
||||
description="What our collectors have to say."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best dinner party we've ever hosted! Chef Elise's attention to detail is unmatched."
|
||||
rating={5}
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44318.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-couple-enjoying-meal-evening_23-2147736698.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-delicious-food_23-2148972769.jpg", alt: "Client 5"},
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marcus R.", role: "Collector", testimonial: "The attention to detail and service is simply exceptional.", icon: Award },
|
||||
{ id: "t2", name: "Sophia V.", role: "Enthusiast", testimonial: "My watch came back looking better than the day I bought it.", icon: Award }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
sideTitle="FAQs"
|
||||
sideDescription="Answers to your horology questions."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you accommodate allergies?", content: "Absolutely. I customize every menu to be safe and delicious for all dietary requirements."},
|
||||
{
|
||||
id: "q2", title: "How far in advance should I book?", content: "I recommend booking at least 2-3 weeks in advance to ensure availability."},
|
||||
{
|
||||
id: "q3", title: "Do I need to provide anything?", content: "I bring all ingredients and professional tools; I only require access to your kitchen area."},
|
||||
{ id: "q1", title: "How often should I service my watch?", content: "Typically every 3-5 years to ensure optimal performance." },
|
||||
{ id: "q2", title: "Do you offer warranties?", content: "All services come with a 12-month performance warranty." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to common inquiries about my private chef services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Let's Plan Your Dinner"
|
||||
description="Send me a message to discuss your upcoming event and custom menu requirements."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-pieces-lamb-ribs-steak-sauce-minimalistic-decor-with-berries_140725-517.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Contact"
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Request a consultation or service inquiry."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/watchmaker-working-with-watch_1203-1079.jpg"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Chef Elise"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseReveal
|
||||
logoText="Horology Studio"
|
||||
columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user