Merge version_3 into main #3
126
src/app/page.tsx
126
src/app/page.tsx
@@ -30,12 +30,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Campaign", id: "#hero"},
|
||||
{
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Order", id: "#contact"},
|
||||
{ name: "Campaign", id: "#hero" },
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Order", id: "#contact" },
|
||||
]}
|
||||
brandName="I'MPASTA"
|
||||
/>
|
||||
@@ -43,39 +40,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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/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-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/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-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/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: "Hand-Cut Precision"},
|
||||
{
|
||||
type: "text", text: "Artisan Craftsmanship"},
|
||||
{
|
||||
type: "text", text: "Unapologetic Texture"},
|
||||
{
|
||||
type: "text", text: "Luxury Culinary Experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,12 +61,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
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: "text", content: "Consumption."},
|
||||
{ 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: "text", content: "Consumption." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,27 +75,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "View Full Collection", href: "#" }
|
||||
{ text: "View Full Collection", href: "#" }
|
||||
]}
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Objects of Desire"
|
||||
description="Not food. Artform."
|
||||
@@ -133,12 +96,9 @@ export default function LandingPage() {
|
||||
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: "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: "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: "m3", name: "Luca", role: "Producer", imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985234.jpg" },
|
||||
]}
|
||||
title="The Creators"
|
||||
description="Raw. Real. Impassioned."
|
||||
@@ -151,12 +111,9 @@ export default function LandingPage() {
|
||||
title="Data of Intensity"
|
||||
tag="Movement"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", description: "Handmade"},
|
||||
{
|
||||
id: "m2", value: "0", description: "Compromise"},
|
||||
{
|
||||
id: "m3", value: "24h", description: "Fermentation"},
|
||||
{ id: "m1", value: "100%", description: "Handmade" },
|
||||
{ id: "m2", value: "0", description: "Compromise" },
|
||||
{ id: "m3", value: "24h", description: "Fermentation" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -167,16 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -189,12 +141,8 @@ export default function LandingPage() {
|
||||
title="Join the Movement"
|
||||
description="Secure your release."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", 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"
|
||||
/>
|
||||
@@ -203,13 +151,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="I'MPASTA"
|
||||
leftLink={{
|
||||
text: "Urban Lucerne", href: "#"}}
|
||||
rightLink={{
|
||||
text: "2024 Campaign", href: "#"}}
|
||||
leftLink={{ text: "Urban Lucerne", href: "#" }}
|
||||
rightLink={{ text: "2024 Campaign", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user