Merge version_1 into main #1
169
src/app/page.tsx
169
src/app/page.tsx
@@ -17,27 +17,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
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: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PureMustard Mill"
|
||||
/>
|
||||
@@ -47,34 +42,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Pure, Traditional Mustard Oil"
|
||||
description="Cold-pressed excellence from our family mill to your kitchen. Taste the natural purity of heritage extraction."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pot-raw-spiral-macaroni-with-uncooked-rolled-pasta-wooden-board_114579-50274.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-doing-positive-gesture-with-hands-worker-uniform-looking-successful-front-view_176474-34368.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-applies-cream-her-hands-while-sitting-table-light-room-brunette-girl-with-smooth-skin-wears-shirt-wellness-self-care-concept_197531-32266.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chef-wrapping-bacon-around-fruit_23-2148491289.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-with-beauty-serum_23-2150331729.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/soybean-oil-soybean-food-beverage-products-food-nutrition-concept_1150-26349.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-doing-positive-gesture-with-hands-worker-uniform-looking-successful-front-view_176474-34368.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-applies-cream-her-hands-while-sitting-table-light-room-brunette-girl-with-smooth-skin-wears-shirt-wellness-self-care-concept_197531-32266.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chef-wrapping-bacon-around-fruit_23-2148491289.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-with-beauty-serum_23-2150331729.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/soybean-oil-soybean-food-beverage-products-food-nutrition-concept_1150-26349.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ families"
|
||||
/>
|
||||
@@ -84,15 +59,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Legacy of Purity",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-spoon-with-yellow-herbs_23-2149339767.jpg",
|
||||
alt: "Oil mill machinery",
|
||||
},
|
||||
{ type: "text", content: "Our Legacy of Purity" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/wooden-spoon-with-yellow-herbs_23-2149339767.jpg", alt: "Oil mill machinery" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,21 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh",
|
||||
description: "Sourced from the best organic mustard seeds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/narrow-walkway-going-through-field-yellow-flowers_181624-18637.jpg",
|
||||
},
|
||||
{
|
||||
title: "Traditional Pressing",
|
||||
description: "Cold-pressed to retain all natural nutrients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-winery-with-big-steel-barrels_657883-407.jpg",
|
||||
},
|
||||
{
|
||||
title: "Purity Guaranteed",
|
||||
description: "No chemical additives, no artificial preservatives.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soybean-oil-soybean-food-beverage-products-food-nutrition-concept_1150-26349.jpg",
|
||||
},
|
||||
{ title: "Farm Fresh", description: "Sourced from the best organic mustard seeds.", imageSrc: "http://img.b2bpic.net/free-photo/narrow-walkway-going-through-field-yellow-flowers_181624-18637.jpg" },
|
||||
{ title: "Traditional Pressing", description: "Cold-pressed to retain all natural nutrients.", imageSrc: "http://img.b2bpic.net/free-photo/modern-winery-with-big-steel-barrels_657883-407.jpg" },
|
||||
{ title: "Purity Guaranteed", description: "No chemical additives, no artificial preservatives.", imageSrc: "http://img.b2bpic.net/free-photo/soybean-oil-soybean-food-beverage-products-food-nutrition-concept_1150-26349.jpg" }
|
||||
]}
|
||||
title="Why Choose Our Oil?"
|
||||
description="We prioritize quality and tradition at every step."
|
||||
@@ -130,42 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Mustard Oil (1L)",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-basil-pesto-sauce-with-culinary-ingredients-cooking_114579-10659.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bulk Mustard Oil (5L)",
|
||||
price: "$50.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-product-olive-oil_23-2151944037.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Artisan Oil Bottle",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mango-kombucha-bottle-still-life_23-2150252156.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cold Press Special",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mango-kombucha-bottle-still-life_23-2150252157.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pure Filtered Gold",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-oil-with-raw-macaroni_114579-38600.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Heritage Collection",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420731.jpg",
|
||||
},
|
||||
{ id: "1", name: "Premium Mustard Oil (1L)", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/italian-basil-pesto-sauce-with-culinary-ingredients-cooking_114579-10659.jpg" },
|
||||
{ id: "2", name: "Bulk Mustard Oil (5L)", price: "$50.00", imageSrc: "http://img.b2bpic.net/free-photo/healthy-product-olive-oil_23-2151944037.jpg" },
|
||||
{ id: "3", name: "Artisan Oil Bottle", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mango-kombucha-bottle-still-life_23-2150252156.jpg" },
|
||||
{ id: "4", name: "Cold Press Special", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mango-kombucha-bottle-still-life_23-2150252157.jpg" },
|
||||
{ id: "5", name: "Pure Filtered Gold", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-oil-with-raw-macaroni_114579-38600.jpg" },
|
||||
{ id: "6", name: "Heritage Collection", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420731.jpg" }
|
||||
]}
|
||||
title="Our Pure Collection"
|
||||
description="Premium mustard oil variants available now."
|
||||
@@ -179,26 +105,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-doing-positive-gesture-with-hands-worker-uniform-looking-successful-front-view_176474-34368.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-applies-cream-her-hands-while-sitting-table-light-room-brunette-girl-with-smooth-skin-wears-shirt-wellness-self-care-concept_197531-32266.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chef-wrapping-bacon-around-fruit_23-2148491289.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-with-beauty-serum_23-2150331729.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/soybean-oil-soybean-food-beverage-products-food-nutrition-concept_1150-26349.jpg",
|
||||
alt: "Jessica",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-doing-positive-gesture-with-hands-worker-uniform-looking-successful-front-view_176474-34368.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-applies-cream-her-hands-while-sitting-table-light-room-brunette-girl-with-smooth-skin-wears-shirt-wellness-self-care-concept_197531-32266.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chef-wrapping-bacon-around-fruit_23-2148491289.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-with-beauty-serum_23-2150331729.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/soybean-oil-soybean-food-beverage-products-food-nutrition-concept_1150-26349.jpg", alt: "Jessica" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -208,9 +119,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Get Fresh Oil Delivered"
|
||||
description="Direct from the mill to your home. Send us a message for bulk orders or local distribution inquiries."
|
||||
@@ -222,14 +131,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="PureMustard Mill"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user