Update src/app/page.tsx
This commit is contained in:
290
src/app/page.tsx
290
src/app/page.tsx
@@ -16,208 +16,110 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Portfolio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Chef Portfolio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Culinary Artistry by Chef Julian"
|
||||
description="Turning raw ingredients into unforgettable experiences through passion, precision, and modern techniques."
|
||||
tag="Award Winning Executive Chef"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg",
|
||||
imageAlt: "Chef at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720765.jpg",
|
||||
imageAlt: "Gourmet plating",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 200+ Private Clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Culinary Artistry by Chef Julian"
|
||||
description="Turning raw ingredients into unforgettable experiences through passion, precision, and modern techniques."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Award Winning Executive Chef"
|
||||
buttons={[{ text: "Book a Consultation", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg", imageAlt: "professional chef plated dish portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720765.jpg", imageAlt: "chef preparing exquisite meal kitchen" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 200+ Private Clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="The Philosophy"
|
||||
title="Where Taste Meets Craft"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About My Journey",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="The Philosophy"
|
||||
title="Where Taste Meets Craft"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn More About My Journey", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="timeline"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Signature Tasting Menu",
|
||||
description: "12-course journey through local seasonal produce.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-slices-filled-with-sauce_140725-1764.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Farm to Table",
|
||||
description: "Sourced daily from sustainable partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cook-preparing-beef-steak-tartar_23-2150655687.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Private Dining Events",
|
||||
description: "Bespoke menus for your most special occasions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-souffle-with-strawberry-jelly-decoration-with-chocolate-icing-strawberries_141793-4690.jpg",
|
||||
},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated collection of culinary masterpieces that push the boundaries of texture, flavor, and visual appeal."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardThree
|
||||
title="Selected Works"
|
||||
description="A curated collection of culinary masterpieces that push the boundaries of texture, flavor, and visual appeal."
|
||||
features={[
|
||||
{ id: "f1", title: "Signature Tasting Menu", description: "12-course journey through local seasonal produce.", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-slices-filled-with-sauce_140725-1764.jpg" },
|
||||
{ id: "f2", title: "Farm to Table", description: "Sourced daily from sustainable partners.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cook-preparing-beef-steak-tartar_23-2150655687.jpg" },
|
||||
{ id: "f3", title: "Private Dining Events", description: "Bespoke menus for your most special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-souffle-with-strawberry-jelly-decoration-with-chocolate-icing-strawberries_141793-4690.jpg" }
|
||||
]}
|
||||
gridVariant="timeline"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Chef Julian turned my anniversary into a world-class dining experience in our own home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert Chen",
|
||||
handle: "@rchen",
|
||||
testimonial: "Exquisite attention to detail. Every course was a surprise and a joy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Simply the best culinary talent I've worked with in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thompson",
|
||||
handle: "@dthompson",
|
||||
testimonial: "Professional, creative, and utterly delicious. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-catering-food_23-2148482444.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Gastronomy"
|
||||
description="What my clients say about their bespoke dining experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
title="Voices of Gastronomy"
|
||||
description="What my clients say about their bespoke dining experience."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Chef Julian turned my anniversary into a world-class dining experience in our own home.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg" },
|
||||
{ id: "t2", name: "Robert Chen", handle: "@rchen", testimonial: "Exquisite attention to detail. Every course was a surprise and a joy.", imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", handle: "@erossi", testimonial: "Simply the best culinary talent I've worked with in years.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
|
||||
{ id: "t4", name: "David Thompson", handle: "@dthompson", testimonial: "Professional, creative, and utterly delicious. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-catering-food_23-2148482444.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request a Private Service"
|
||||
description="Whether it's an intimate dinner or a full event, let's craft the perfect menu for your occasion."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell me about your event",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279482.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Request a Private Service"
|
||||
description="Whether it's an intimate dinner or a full event, let's craft the perfect menu for your occasion."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell me about your event", rows: 4 }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279482.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Chef Julian"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Chef Julian"
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user