Update src/app/page.tsx
This commit is contained in:
300
src/app/page.tsx
300
src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
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: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Le Q dans le Beurre"
|
||||
/>
|
||||
@@ -51,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="L'Art de Vivre with Artisanal Butter"
|
||||
description="Experience the authentic, creamy perfection of Le Q dans le Beurre. Crafted with tradition, passion, and the finest ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/berry-mix-wooden-platter-with-oak-branches-cones-aside-middle_114579-12209.jpg?_wi=1",
|
||||
imageAlt: "Artisanal butter block",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dairy-products-bread-vegetables-breakfast_114579-23445.jpg?_wi=1",
|
||||
imageAlt: "Fresh farm dairy",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-bread-butter-wooden-table_123827-35968.jpg?_wi=1",
|
||||
imageAlt: "Butter on sourdough",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fresh-cheese_23-2150167003.jpg?_wi=1",
|
||||
imageAlt: "Butter slices",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-foods-ingredients_23-2148869881.jpg?_wi=1",
|
||||
imageAlt: "Food presentation",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-431.jpg",
|
||||
imageAlt: "Culinary art",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/berry-mix-wooden-platter-with-oak-branches-cones-aside-middle_114579-12209.jpg", imageAlt: "Artisanal butter block" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/dairy-products-bread-vegetables-breakfast_114579-23445.jpg", imageAlt: "Fresh farm dairy" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-bread-butter-wooden-table_123827-35968.jpg", imageAlt: "Butter on sourdough" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fresh-cheese_23-2150167003.jpg", imageAlt: "Butter slices" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-foods-ingredients_23-2148869881.jpg", imageAlt: "Food presentation" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-431.jpg", imageAlt: "Culinary art" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,19 +62,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-sheep-farm_23-2151468535.jpg",
|
||||
alt: "Crafting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Perfection",
|
||||
},
|
||||
{ type: "text", content: "Our Passion for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/photorealistic-sheep-farm_23-2151468535.jpg", alt: "Crafting" },
|
||||
{ type: "text", content: " Perfection" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,24 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hand-Crafted",
|
||||
description: "Each block is carefully shaped by artisans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-basket-with-groceries-outside_23-2148523392.jpg",
|
||||
imageAlt: "Hand-crafted",
|
||||
},
|
||||
{
|
||||
title: "Natural Ingredients",
|
||||
description: "Pure cream sourced from local farms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-as-tomato-green-mint-leaves-with-black-pepper-seeds-garlic-crusher-cut-tomato-cutting-board-wood_141793-12920.jpg",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
{
|
||||
title: "Traditional Methods",
|
||||
description: "Time-honored techniques for superior flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-kind-cheese-with-fresh-grape-walnuts-honey-pickled-olives-grey-wooden-table-with-copy-space_141793-8973.jpg",
|
||||
imageAlt: "Methods",
|
||||
},
|
||||
{ title: "Hand-Crafted", description: "Each block is carefully shaped by artisans.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-basket-with-groceries-outside_23-2148523392.jpg", imageAlt: "Hand-crafted" },
|
||||
{ title: "Natural Ingredients", description: "Pure cream sourced from local farms.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-as-tomato-green-mint-leaves-with-black-pepper-seeds-garlic-crusher-cut-tomato-cutting-board-wood_141793-12920.jpg", imageAlt: "Ingredients" },
|
||||
{ title: "Traditional Methods", description: "Time-honored techniques for superior flavor.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-kind-cheese-with-fresh-grape-walnuts-honey-pickled-olives-grey-wooden-table-with-copy-space_141793-8973.jpg", imageAlt: "Methods" },
|
||||
]}
|
||||
title="Why Our Butter Stands Out"
|
||||
description="A commitment to traditional methods ensures every batch is a testament to quality."
|
||||
@@ -155,48 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Salted",
|
||||
price: "$12.00",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-maasdam-cheese-with-grapes-stand-olives-with-yogurt-table_141793-49341.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pure Creamy Unsalted",
|
||||
price: "$11.00",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-paneer-cheese-arrangement_23-2149033428.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Herbes de Provence",
|
||||
price: "$14.00",
|
||||
variant: "200g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-different-delicacies_23-2148432642.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Small Batch Salted",
|
||||
price: "$16.00",
|
||||
variant: "200g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642906.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Traditional Cultured",
|
||||
price: "$15.00",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-lemon-slices-dark-table_140725-142851.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Black Truffle Infused",
|
||||
price: "$22.00",
|
||||
variant: "150g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheese-table_23-2150062686.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Salted", price: "$12.00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/front-view-maasdam-cheese-with-grapes-stand-olives-with-yogurt-table_141793-49341.jpg" },
|
||||
{ id: "p2", name: "Pure Creamy Unsalted", price: "$11.00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/traditional-paneer-cheese-arrangement_23-2149033428.jpg" },
|
||||
{ id: "p3", name: "Herbes de Provence", price: "$14.00", variant: "200g", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-different-delicacies_23-2148432642.jpg" },
|
||||
{ id: "p4", name: "Small Batch Salted", price: "$16.00", variant: "200g", imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642906.jpg" },
|
||||
{ id: "p5", name: "Traditional Cultured", price: "$15.00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-lemon-slices-dark-table_140725-142851.jpg" },
|
||||
{ id: "p6", name: "Black Truffle Infused", price: "$22.00", variant: "150g", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheese-table_23-2150062686.jpg" },
|
||||
]}
|
||||
title="Our Gourmet Selection"
|
||||
description="Discover our signature range of artisanal butters."
|
||||
@@ -208,61 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophie Martin",
|
||||
date: "Jan 2025",
|
||||
title: "Chef",
|
||||
quote: "The texture is unmatched.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/berry-mix-wooden-platter-with-oak-branches-cones-aside-middle_114579-12209.jpg?_wi=2",
|
||||
imageAlt: "happy customer gourmet food",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jean Dubois",
|
||||
date: "Dec 2024",
|
||||
title: "Food Critic",
|
||||
quote: "Pure culinary joy.",
|
||||
tag: "Top Pick",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dairy-products-bread-vegetables-breakfast_114579-23445.jpg?_wi=2",
|
||||
imageAlt: "happy customer gourmet food",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marie Lefebvre",
|
||||
date: "Nov 2024",
|
||||
title: "Blogger",
|
||||
quote: "Elevates every meal.",
|
||||
tag: "Favorite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-florist-work_23-2149127314.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-bread-butter-wooden-table_123827-35968.jpg?_wi=2",
|
||||
imageAlt: "happy customer gourmet food",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pierre Blanc",
|
||||
date: "Oct 2024",
|
||||
title: "Teacher",
|
||||
quote: "Simply divine flavor.",
|
||||
tag: "Must-have",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-cook-white-cook-suit-holding-cookies-white-sign-light-white-wall_140725-59214.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fresh-cheese_23-2150167003.jpg?_wi=2",
|
||||
imageAlt: "happy customer gourmet food",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clara Vasseur",
|
||||
date: "Sept 2024",
|
||||
title: "Gourmet",
|
||||
quote: "My kitchen's essential.",
|
||||
tag: "Superb",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-recording-cooking-tutorial-her-video-blog_662251-2386.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-foods-ingredients_23-2148869881.jpg?_wi=2",
|
||||
imageAlt: "happy customer gourmet food",
|
||||
},
|
||||
{ id: "t1", name: "Sophie Martin", date: "Jan 2025", title: "Chef", quote: "The texture is unmatched.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg", imageSrc: "http://img.b2bpic.net/free-photo/berry-mix-wooden-platter-with-oak-branches-cones-aside-middle_114579-12209.jpg", imageAlt: "happy customer gourmet food" },
|
||||
{ id: "t2", name: "Jean Dubois", date: "Dec 2024", title: "Food Critic", quote: "Pure culinary joy.", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dairy-products-bread-vegetables-breakfast_114579-23445.jpg", imageAlt: "happy customer gourmet food" },
|
||||
{ id: "t3", name: "Marie Lefebvre", date: "Nov 2024", title: "Blogger", quote: "Elevates every meal.", tag: "Favorite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-florist-work_23-2149127314.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-bread-butter-wooden-table_123827-35968.jpg", imageAlt: "happy customer gourmet food" },
|
||||
{ id: "t4", name: "Pierre Blanc", date: "Oct 2024", title: "Teacher", quote: "Simply divine flavor.", tag: "Must-have", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-cook-white-cook-suit-holding-cookies-white-sign-light-white-wall_140725-59214.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fresh-cheese_23-2150167003.jpg", imageAlt: "happy customer gourmet food" },
|
||||
{ id: "t5", name: "Clara Vasseur", date: "Sept 2024", title: "Gourmet", quote: "My kitchen's essential.", tag: "Superb", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-recording-cooking-tutorial-her-video-blog_662251-2386.jpg", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-foods-ingredients_23-2148869881.jpg", imageAlt: "happy customer gourmet food" },
|
||||
]}
|
||||
title="Voices of Appreciation"
|
||||
description="Loved by chefs and home cooks alike."
|
||||
@@ -274,14 +124,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Culinary Weekly",
|
||||
"Food & Taste",
|
||||
"Farm Partners",
|
||||
"Gourmet Association",
|
||||
"Artisan Alliance",
|
||||
"Taste Award",
|
||||
"Dairy Guild",
|
||||
]}
|
||||
"Culinary Weekly", "Food & Taste", "Farm Partners", "Gourmet Association", "Artisan Alliance", "Taste Award", "Dairy Guild"]}
|
||||
title="Recognized Excellence"
|
||||
description="Trust in our commitment to quality."
|
||||
/>
|
||||
@@ -293,27 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Mastering the craft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dairy-products_23-2148610620.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Local Farms",
|
||||
description: "Ethical sourcing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-bottle-goats-milk-close-up_23-2148673059.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Natural Quality",
|
||||
description: "Nothing artificial.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510918.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Years Experience", description: "Mastering the craft.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dairy-products_23-2148610620.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Local Farms", description: "Ethical sourcing.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-bottle-goats-milk-close-up_23-2148673059.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Natural Quality", description: "Nothing artificial.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510918.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Excellence defined."
|
||||
@@ -323,9 +148,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Join Our Culinary Journey"
|
||||
description="Stay updated on our latest creations and seasonal releases."
|
||||
@@ -338,42 +161,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gourmet Selection",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Products", items: [
|
||||
{ label: "Shop All", href: "#products" },
|
||||
{ label: "Gourmet Selection", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user