Merge version_1 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Campaign",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Campaign", id: "#hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Order",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Order", id: "#contact"},
|
||||
]}
|
||||
brandName="I'MPASTA"
|
||||
/>
|
||||
@@ -50,60 +44,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="I'MPASTA."
|
||||
description="Handmade. Raw. Provocative. The evolution of the starch experience."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-chef-breaking-egg-flour_23-2148763168.jpg",
|
||||
alt: "Handmade pasta texture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-chef-breaking-egg-flour_23-2148763168.jpg", alt: "Handmade pasta texture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-baker-hand-preparing-flour_23-2148302900.jpg",
|
||||
alt: "Close-up baker hand preparing flour",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-baker-hand-preparing-flour_23-2148302900.jpg", alt: "Close-up baker hand preparing flour"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-making-dough_23-2148535209.jpg",
|
||||
alt: "Close-up man making dough",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-making-dough_23-2148535209.jpg", alt: "Close-up man making dough"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-baker-hand-mixing-flour_23-2148302919.jpg",
|
||||
alt: "Close-up baker hand mixing flour",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-baker-hand-mixing-flour_23-2148302919.jpg", alt: "Close-up baker hand mixing flour"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cook-cutting-homemade-spaghetti-with-hands_114579-8614.jpg",
|
||||
alt: "A cook cutting homemade spaghetti with hands",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cook-cutting-homemade-spaghetti-with-hands_114579-8614.jpg", alt: "A cook cutting homemade spaghetti with hands"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Experience the Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Experience the Collection", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Raw Ingredient Integrity",
|
||||
},
|
||||
type: "text", text: "Raw Ingredient Integrity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Cut Precision",
|
||||
},
|
||||
type: "text", text: "Hand-Cut Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Artisan Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unapologetic Texture",
|
||||
},
|
||||
type: "text", text: "Unapologetic Texture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Culinary Experience",
|
||||
},
|
||||
type: "text", text: "Luxury Culinary Experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,18 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Beyond",
|
||||
},
|
||||
type: "text", content: "Beyond"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/half-slice-tomato-fruit-close-up_23-2148231487.jpg",
|
||||
alt: "Abstract pasta texture",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/half-slice-tomato-fruit-close-up_23-2148231487.jpg", alt: "Abstract pasta texture"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Consumption.",
|
||||
},
|
||||
type: "text", content: "Consumption."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,61 +98,26 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "I'MPASTA",
|
||||
name: "Truffle Infused Pappardelle",
|
||||
price: "24",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-spaghetti-white-plate-with-tomato-sauce-olive-oil_114579-46521.jpg",
|
||||
},
|
||||
id: "p1", brand: "I'MPASTA", name: "Truffle Infused Pappardelle", price: "24", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-spaghetti-white-plate-with-tomato-sauce-olive-oil_114579-46521.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "I'MPASTA",
|
||||
name: "Hand-Cut Saffron Linguine",
|
||||
price: "22",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-farfalle-pasta-white-plate-high-quality-photo_114579-36180.jpg",
|
||||
},
|
||||
id: "p2", brand: "I'MPASTA", name: "Hand-Cut Saffron Linguine", price: "22", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/raw-farfalle-pasta-white-plate-high-quality-photo_114579-36180.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "I'MPASTA",
|
||||
name: "Ricotta Stuffed Agnolotti",
|
||||
price: "28",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-uncooked-spaghetti-rope-with-multi-colored-pasta-vegetables_114579-91284.jpg",
|
||||
},
|
||||
id: "p3", brand: "I'MPASTA", name: "Ricotta Stuffed Agnolotti", price: "28", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/bunch-uncooked-spaghetti-rope-with-multi-colored-pasta-vegetables_114579-91284.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "I'MPASTA",
|
||||
name: "Charcoal Infused Spaghetti",
|
||||
price: "21",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-raw-pasta-dough-food-meal-color-photo_140725-133173.jpg",
|
||||
},
|
||||
id: "p4", brand: "I'MPASTA", name: "Charcoal Infused Spaghetti", price: "21", rating: 4,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-raw-pasta-dough-food-meal-color-photo_140725-133173.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "I'MPASTA",
|
||||
name: "Wild Boar Ragu Pappardelle",
|
||||
price: "26",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-pasta-with-flour-wooden-board-table_1220-6797.jpg",
|
||||
},
|
||||
id: "p5", brand: "I'MPASTA", name: "Wild Boar Ragu Pappardelle", price: "26", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-pasta-with-flour-wooden-board-table_1220-6797.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "I'MPASTA",
|
||||
name: "Pumpkin Sage Tortelli",
|
||||
price: "25",
|
||||
rating: 5,
|
||||
reviewCount: "175",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-bowls-with-eggplant-avocado_23-2148340451.jpg",
|
||||
},
|
||||
id: "p6", brand: "I'MPASTA", name: "Pumpkin Sage Tortelli", price: "25", rating: 5,
|
||||
reviewCount: "175", imageSrc: "http://img.b2bpic.net/free-photo/various-bowls-with-eggplant-avocado_23-2148340451.jpg"},
|
||||
]}
|
||||
title="Objects of Desire"
|
||||
description="Not food. Artform."
|
||||
@@ -199,25 +128,14 @@ export default function LandingPage() {
|
||||
<TeamCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
team={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Marco",
|
||||
role: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-preparing-food_23-2150279891.jpg",
|
||||
},
|
||||
id: "m1", name: "Marco", role: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-preparing-food_23-2150279891.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Elena",
|
||||
role: "Visionary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-pouring-honey-apple-slices_23-2149452281.jpg",
|
||||
},
|
||||
id: "m2", name: "Elena", role: "Visionary", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-pouring-honey-apple-slices_23-2149452281.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Luca",
|
||||
role: "Producer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985234.jpg",
|
||||
},
|
||||
id: "m3", name: "Luca", role: "Producer", imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985234.jpg"},
|
||||
]}
|
||||
title="The Creators"
|
||||
description="Raw. Real. Impassioned."
|
||||
@@ -231,20 +149,11 @@ export default function LandingPage() {
|
||||
tag="Movement"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Handmade",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Handmade"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "0",
|
||||
description: "Compromise",
|
||||
},
|
||||
id: "m2", value: "0", description: "Compromise"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Fermentation",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Fermentation"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -256,45 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Provocative",
|
||||
quote: "I'MPASTA is not just dinner; it is an act of rebellion against the mundane.",
|
||||
name: "Sonia L.",
|
||||
role: "Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-cookies-plums-dark-background_23-2148340388.jpg",
|
||||
},
|
||||
id: "t1", title: "Provocative", quote: "I'MPASTA is not just dinner; it is an act of rebellion against the mundane.", name: "Sonia L.", role: "Critic", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-cookies-plums-dark-background_23-2148340388.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Sensual",
|
||||
quote: "The textures are unlike anything I've experienced. It feels alive.",
|
||||
name: "Jonas K.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-content-creator-filming-variety-dishes-upload-internet_23-2151461720.jpg",
|
||||
},
|
||||
id: "t2", title: "Sensual", quote: "The textures are unlike anything I've experienced. It feels alive.", name: "Jonas K.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/food-content-creator-filming-variety-dishes-upload-internet_23-2151461720.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Essential",
|
||||
quote: "My urban routine is centered around this craft.",
|
||||
name: "Mina T.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/albino-person-doing-home-activities_23-2150065012.jpg",
|
||||
},
|
||||
id: "t3", title: "Essential", quote: "My urban routine is centered around this craft.", name: "Mina T.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/albino-person-doing-home-activities_23-2150065012.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Unconventional",
|
||||
quote: "Raw, real, and unapologetic.",
|
||||
name: "Peter D.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg",
|
||||
},
|
||||
id: "t4", title: "Unconventional", quote: "Raw, real, and unapologetic.", name: "Peter D.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Impact",
|
||||
quote: "A fashion campaign in a pasta box.",
|
||||
name: "Chloe B.",
|
||||
role: "Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-plums-honey-dark-background_23-2148340385.jpg",
|
||||
},
|
||||
id: "t5", title: "Impact", quote: "A fashion campaign in a pasta box.", name: "Chloe B.", role: "Editor", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-plums-honey-dark-background_23-2148340385.jpg"},
|
||||
]}
|
||||
title="Voices of the Experience"
|
||||
description="Sensory impact, documented."
|
||||
@@ -308,16 +187,10 @@ export default function LandingPage() {
|
||||
description="Secure your release."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-copy-space_1194-638028.jpg"
|
||||
@@ -328,13 +201,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="I'MPASTA"
|
||||
leftLink={{
|
||||
text: "Urban Lucerne",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Urban Lucerne", href: "#"}}
|
||||
rightLink={{
|
||||
text: "2024 Campaign",
|
||||
href: "#",
|
||||
}}
|
||||
text: "2024 Campaign", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user