Merge version_2 into main #1
189
src/app/page.tsx
189
src/app/page.tsx
@@ -21,9 +21,9 @@ export default function LandingPage() {
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -31,42 +31,29 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Italiano"
|
||||
brandName="Essenza"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Essenza d'Italia"
|
||||
description="Authentic, artisanal Italian products delivered from our family farms to your kitchen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/olive-oil-bottle-white-background_187299-46836.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -78,14 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Generations of Taste",
|
||||
},
|
||||
type: "text", content: "Generations of Taste"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-country-house-middle-field-surrounded-by-hills-clear-sky_181624-4252.jpg",
|
||||
alt: "Farm",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-shot-country-house-middle-field-surrounded-by-hills-clear-sky_181624-4252.jpg", alt: "Farm"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,41 +80,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Balsamic Vinegar",
|
||||
price: "$29.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bottles-organic-olive-oil_23-2148364429.jpg",
|
||||
},
|
||||
id: "1", name: "Balsamic Vinegar", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bottles-organic-olive-oil_23-2148364429.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Olive Oil",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tidy-up-concept-high-angle_23-2148927368.jpg",
|
||||
},
|
||||
id: "2", name: "Olive Oil", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/tidy-up-concept-high-angle_23-2148927368.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Handmade Pasta",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fusilli-bowl-raw-pasta-marble-table_114579-56188.jpg",
|
||||
},
|
||||
id: "3", name: "Handmade Pasta", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/colorful-fusilli-bowl-raw-pasta-marble-table_114579-56188.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Truffle Oil",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163024.jpg",
|
||||
},
|
||||
id: "4", name: "Truffle Oil", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163024.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Organic Sauce",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-sandwiches_23-2148454788.jpg",
|
||||
},
|
||||
id: "5", name: "Organic Sauce", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-sandwiches_23-2148454788.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Aged Salami",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fresh-meat-concept_23-2148738907.jpg",
|
||||
},
|
||||
id: "6", name: "Aged Salami", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fresh-meat-concept_23-2148738907.jpg"},
|
||||
]}
|
||||
title="Our Pantry"
|
||||
description="Explore the finest selection of authentic Italian ingredients."
|
||||
@@ -146,17 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass produced food",
|
||||
"Artificial coloring",
|
||||
"Short shelf life",
|
||||
],
|
||||
"Mass produced food", "Artificial coloring", "Short shelf life"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Family heritage recipes",
|
||||
"Certified organic ingredients",
|
||||
"Direct trade sourcing",
|
||||
],
|
||||
"Family heritage recipes", "Certified organic ingredients", "Direct trade sourcing"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="True quality makes the difference in Italian cooking."
|
||||
@@ -170,45 +122,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julia",
|
||||
handle: "@julia_cooks",
|
||||
testimonial: "The olive oil is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg",
|
||||
},
|
||||
id: "1", name: "Julia", handle: "@julia_cooks", testimonial: "The olive oil is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark",
|
||||
handle: "@mark_chef",
|
||||
testimonial: "Authentic taste in every drop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-sad-expression_1194-1520.jpg",
|
||||
},
|
||||
id: "2", name: "Mark", handle: "@mark_chef", testimonial: "Authentic taste in every drop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-sad-expression_1194-1520.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sara",
|
||||
handle: "@sara_eats",
|
||||
testimonial: "Best pasta I've tried.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-chef-attire_23-2151217209.jpg",
|
||||
},
|
||||
id: "3", name: "Sara", handle: "@sara_eats", testimonial: "Best pasta I've tried.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-chef-attire_23-2151217209.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Paul",
|
||||
handle: "@paul_home",
|
||||
testimonial: "Pure perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-concept-with-happy-woman_23-2148104829.jpg",
|
||||
},
|
||||
id: "4", name: "Paul", handle: "@paul_home", testimonial: "Pure perfection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-concept-with-happy-woman_23-2148104829.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa",
|
||||
handle: "@lisa_gourmet",
|
||||
testimonial: "Italian excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa", handle: "@lisa_gourmet", testimonial: "Italian excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Authentic Feedback"
|
||||
@@ -223,31 +150,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
title: "Partner Farms",
|
||||
items: [
|
||||
"Sustainable",
|
||||
"Certified",
|
||||
],
|
||||
id: "1", value: "150+", title: "Partner Farms", items: [
|
||||
"Sustainable", "Certified"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50k",
|
||||
title: "Satisfied Customers",
|
||||
items: [
|
||||
"Global",
|
||||
"Trusted",
|
||||
],
|
||||
id: "2", value: "50k", title: "Satisfied Customers", items: [
|
||||
"Global", "Trusted"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Organic Certified",
|
||||
items: [
|
||||
"Pure",
|
||||
"Natural",
|
||||
],
|
||||
id: "3", value: "100%", title: "Organic Certified", items: [
|
||||
"Pure", "Natural"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -259,8 +171,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join our Table"
|
||||
description="Get exclusive recipes and store updates."
|
||||
@@ -273,33 +184,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Italiano"
|
||||
bottomLeftText="© 2024 Essenza"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #4a4a4a;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #d4af37;
|
||||
--background-accent: #f0f0f0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user