Update src/app/page.tsx
This commit is contained in:
281
src/app/page.tsx
281
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NutriCashew"
|
||||
/>
|
||||
@@ -55,94 +47,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Nature's Finest Cashews"
|
||||
description="Premium quality, sustainably sourced, and perfectly roasted. Experience the true taste of pure, fresh cashews delivered right to your door."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-bowl-marble-background_1150-45365.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-bowl-marble-background_1150-45365.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-dryfruits-cookies-granola-bar-wooden-table-with-napkin_23-2148026922.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-dryfruits-cookies-granola-bar-wooden-table-with-napkin_23-2148026922.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-milk-carafe-with-bowl-almonds-hazelnut-oats-white-wooden-background-vertical_176474-4681.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-milk-carafe-with-bowl-almonds-hazelnut-oats-white-wooden-background-vertical_176474-4681.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-nuts-neatly-piled-into-four-bowls-wooden-tray-marble-surface_114579-54624.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-nuts-neatly-piled-into-four-bowls-wooden-tray-marble-surface_114579-54624.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45367.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45367.jpg"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixture-tasty-nuts-table_23-2148405874.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixture-tasty-nuts-table_23-2148405874.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-walnuts-jars-wooden-vertical_176474-4329.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-walnuts-jars-wooden-vertical_176474-4329.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cornflakes-with-muesli-bowl-piece-fabric-marble-background-high-quality-photo_114579-87928.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cornflakes-with-muesli-bowl-piece-fabric-marble-background-high-quality-photo_114579-87928.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-little-crackers-inside-plate-dark-background-crisp-snack-salt-bread-rusk-food-cips-colors_179666-46888.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-little-crackers-inside-plate-dark-background-crisp-snack-salt-bread-rusk-food-cips-colors_179666-46888.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-orange-cinnamon-nuts-wooden-desk_176420-7411.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-orange-cinnamon-nuts-wooden-desk_176420-7411.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45370.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45370.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-bowl-dark-background_1150-45356.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-bowl-dark-background_1150-45356.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-marble-background_1150-45372.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-marble-background_1150-45372.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashew-organic-group-vegetarian_1203-6363.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashew-organic-group-vegetarian_1203-6363.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-marble-background_1150-45363.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-marble-background_1150-45363.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 5k+ healthy snackers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainably Sourced",
|
||||
},
|
||||
type: "text", text: "Sustainably Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small-Batch Roasted",
|
||||
},
|
||||
type: "text", text: "Small-Batch Roasted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rich in Nutrients",
|
||||
},
|
||||
type: "text", text: "Rich in Nutrients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Non-GMO",
|
||||
},
|
||||
type: "text", text: "Non-GMO"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Vegan",
|
||||
},
|
||||
type: "text", text: "100% Vegan"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,8 +111,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="From Orchard to Snack"
|
||||
description={[
|
||||
"At NutriCashew, we believe in absolute purity. We work directly with small-scale farmers to ensure that every cashew you enjoy is grown ethically, harvested responsibly, and roasted in small batches to preserve its natural crunch and nutritional integrity.",
|
||||
]}
|
||||
"At NutriCashew, we believe in absolute purity. We work directly with small-scale farmers to ensure that every cashew you enjoy is grown ethically, harvested responsibly, and roasted in small batches to preserve its natural crunch and nutritional integrity."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -165,59 +123,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "NutriCashew",
|
||||
name: "Roasted Salted Cashews",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45369.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "NutriCashew", name: "Roasted Salted Cashews", price: "$12.99", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45369.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "NutriCashew",
|
||||
name: "Honey Roasted Cashews",
|
||||
price: "$14.99",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-dried-fruits-bar-with-almonds-peanuts-blue-background_23-2147906661.jpg",
|
||||
},
|
||||
id: "2", brand: "NutriCashew", name: "Honey Roasted Cashews", price: "$14.99", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/healthy-dried-fruits-bar-with-almonds-peanuts-blue-background_23-2147906661.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "NutriCashew",
|
||||
name: "Spicy Masala Cashews",
|
||||
price: "$13.99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-round-sugar-cookies-inside-plate-white-surface-cookies-biscuit-sugar-sweet-cake_140725-74326.jpg",
|
||||
},
|
||||
id: "3", brand: "NutriCashew", name: "Spicy Masala Cashews", price: "$13.99", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/front-view-round-sugar-cookies-inside-plate-white-surface-cookies-biscuit-sugar-sweet-cake_140725-74326.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "NutriCashew",
|
||||
name: "Raw Organic Cashews",
|
||||
price: "$11.99",
|
||||
rating: 5,
|
||||
reviewCount: "84",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cashews-isolated-old-paper-texture-background_141793-8642.jpg",
|
||||
},
|
||||
id: "4", brand: "NutriCashew", name: "Raw Organic Cashews", price: "$11.99", rating: 5,
|
||||
reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cashews-isolated-old-paper-texture-background_141793-8642.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "NutriCashew",
|
||||
name: "Chocolate Covered Cashews",
|
||||
price: "$15.99",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mexican-sweets-arrangement_23-2150172373.jpg",
|
||||
},
|
||||
id: "5", brand: "NutriCashew", name: "Chocolate Covered Cashews", price: "$15.99", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mexican-sweets-arrangement_23-2150172373.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "NutriCashew",
|
||||
name: "Premium Cashew Butter",
|
||||
price: "$18.99",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-spread-nougat-cream-with-hazelnuts-glass-jar-concrete-copyspace_114579-4687.jpg",
|
||||
},
|
||||
id: "6", brand: "NutriCashew", name: "Premium Cashew Butter", price: "$18.99", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-spread-nougat-cream-with-hazelnuts-glass-jar-concrete-copyspace_114579-4687.jpg"},
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Explore our curated range of gourmet cashews, tailored for every palate."
|
||||
@@ -231,29 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sustainably Sourced",
|
||||
description: "Supporting farmers with fair practices.",
|
||||
tag: "Eco-friendly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-producer-his-shop-with-different-goodies_23-2149110811.jpg",
|
||||
imageAlt: "cashew plantation farm",
|
||||
},
|
||||
id: "f1", title: "Sustainably Sourced", description: "Supporting farmers with fair practices.", tag: "Eco-friendly", imageSrc: "http://img.b2bpic.net/free-photo/male-producer-his-shop-with-different-goodies_23-2149110811.jpg", imageAlt: "cashew plantation farm"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Small-Batch Roasted",
|
||||
description: "Perfect flavor and crunch every time.",
|
||||
tag: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-bowl-marble-background_1150-45365.jpg?_wi=2",
|
||||
imageAlt: "cashew plantation farm",
|
||||
},
|
||||
id: "f2", title: "Small-Batch Roasted", description: "Perfect flavor and crunch every time.", tag: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-bowl-marble-background_1150-45365.jpg?_wi=2", imageAlt: "cashew plantation farm"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Rich in Nutrients",
|
||||
description: "Packed with healthy fats and minerals.",
|
||||
tag: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45369.jpg?_wi=2",
|
||||
imageAlt: "cashew plantation farm",
|
||||
},
|
||||
id: "f3", title: "Rich in Nutrients", description: "Packed with healthy fats and minerals.", tag: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/raw-cashews-nuts-open-glass-jar-marble-background_1150-45369.jpg?_wi=2", imageAlt: "cashew plantation farm"},
|
||||
]}
|
||||
title="Why Choose NutriCashew?"
|
||||
description="Our commitment to quality sets us apart."
|
||||
@@ -268,25 +172,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/granola-breakfast-cereal_329181-15027.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/granola-breakfast-cereal_329181-15027.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-337.jpg",
|
||||
alt: "Chef",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-337.jpg", alt: "Chef"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-132882.jpg",
|
||||
alt: "Fitness",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-132882.jpg", alt: "Fitness"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-family-home_23-2148625997.jpg",
|
||||
alt: "Family",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-family-home_23-2148625997.jpg", alt: "Family"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/croissant-served-breakfast_329181-7760.jpg",
|
||||
alt: "Senior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/croissant-served-breakfast_329181-7760.jpg", alt: "Senior"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -300,20 +194,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Farmers Supported",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Farmers Supported"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
description: "Flavor Varieties",
|
||||
},
|
||||
id: "m3", value: "20+", description: "Flavor Varieties"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -325,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long do they last?",
|
||||
content: "Our cashews stay fresh for 6 months if stored properly.",
|
||||
},
|
||||
id: "q1", title: "How long do they last?", content: "Our cashews stay fresh for 6 months if stored properly."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your nuts vegan?",
|
||||
content: "Yes, our plain roasted cashews are 100% vegan.",
|
||||
},
|
||||
id: "q2", title: "Are your nuts vegan?", content: "Yes, our plain roasted cashews are 100% vegan."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How is shipping handled?",
|
||||
content: "We ship worldwide using eco-friendly packaging.",
|
||||
},
|
||||
id: "q3", title: "How is shipping handled?", content: "We ship worldwide using eco-friendly packaging."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cashew-nuts-wooden-background-studio-photo-raw-healthy-food_482257-36581.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -348,58 +224,35 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
<ContactSplit
|
||||
title="Get In Touch"
|
||||
description="Have questions or bulk order inquiries? Reach out to us anytime."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-customer-service-agent_23-2151933145.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBaseCard
|
||||
logoText="NutriCashew"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user