Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="FreshDrop"
|
||||
/>
|
||||
@@ -55,53 +40,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Farm-Fresh Groceries, Delivered to Your Door."
|
||||
description="Get the best local produce and pantry staples delivered in under 60 minutes. Quality you can taste, convenience you can rely on."
|
||||
tag="Delivered in Minutes"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Shopping", href: "#products" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-organic-fruits-and-vegetables-arra-1774949058927-62bb2508.png",
|
||||
imageAlt: "Fresh organic fruit basket",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-green-grocery-produce-lettuce-bell-1774949059266-953f197f.png",
|
||||
imageAlt: "Fresh vegetables composition",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/artisan-bakery-items-fresh-bread-croissa-1774949058992-e901361f.png",
|
||||
imageAlt: "Artisan bakery items",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-milk-dairy-bottles-cheese-and-arti-1774949059177-59eed76b.png",
|
||||
imageAlt: "Fresh dairy products",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/selection-of-fresh-fruits-berries-cherri-1774949058309-fda93380.png",
|
||||
imageAlt: "Mixed seasonal berries",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-organic-eggs-high-quality-food-sho-1774949058653-f83b0aad.png",
|
||||
imageAlt: "Fresh farm eggs",
|
||||
},
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-organic-fruits-and-vegetables-arra-1774949058927-62bb2508.png", imageAlt: "Fresh organic fruit basket" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-green-grocery-produce-lettuce-bell-1774949059266-953f197f.png", imageAlt: "Fresh vegetables composition" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/artisan-bakery-items-fresh-bread-croissa-1774949058992-e901361f.png", imageAlt: "Artisan bakery items" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-milk-dairy-bottles-cheese-and-arti-1774949059177-59eed76b.png", imageAlt: "Fresh dairy products" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/selection-of-fresh-fruits-berries-cherri-1774949058309-fda93380.png", imageAlt: "Mixed seasonal berries" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-organic-eggs-high-quality-food-sho-1774949058653-f83b0aad.png", imageAlt: "Fresh farm eggs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,27 +65,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Lightning Fast",
|
||||
description: "Delivery guaranteed in under 60 minutes to your front door.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/iconic-representation-of-same-day-grocer-1774949058362-2f48d842.png",
|
||||
imageAlt: "Fast delivery icon",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Farm Fresh Quality",
|
||||
description: "Directly sourced from local farmers to your kitchen table.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/iconic-representation-of-organic-fresh-f-1774949059382-a5ecb69f.png",
|
||||
imageAlt: "Farm fresh icon",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Simple Experience",
|
||||
description: "Intuitive mobile interface designed for quick weekly grocery runs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/iconic-representation-of-simple-user-int-1774949061796-0741ffd2.png",
|
||||
imageAlt: "Simple UX icon",
|
||||
},
|
||||
{ id: 1, title: "Lightning Fast", description: "Delivery guaranteed in under 60 minutes to your front door.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/iconic-representation-of-same-day-grocer-1774949058362-2f48d842.png", imageAlt: "Fast delivery icon" },
|
||||
{ id: 2, title: "Farm Fresh Quality", description: "Directly sourced from local farmers to your kitchen table.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/iconic-representation-of-organic-fresh-f-1774949059382-a5ecb69f.png", imageAlt: "Farm fresh icon" },
|
||||
{ id: 3, title: "Simple Experience", description: "Intuitive mobile interface designed for quick weekly grocery runs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/iconic-representation-of-simple-user-int-1774949061796-0741ffd2.png", imageAlt: "Simple UX icon" },
|
||||
]}
|
||||
title="Why Shop With FreshDrop?"
|
||||
description="We are revolutionizing your kitchen restocking process with local partnerships and optimized delivery."
|
||||
@@ -146,24 +81,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Avocado",
|
||||
price: "$1.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/single-organic-avocado-high-quality-macr-1774949059210-e044ff02.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Strawberries",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-organic-strawberries-in-a-cardboar-1774949062603-baf44914.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Sourdough",
|
||||
price: "$5.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-sourdough-bread-loaf-high-quality--1774949059290-1ceb90a8.png",
|
||||
},
|
||||
{ id: "p1", name: "Organic Avocado", price: "$1.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/single-organic-avocado-high-quality-macr-1774949059210-e044ff02.png" },
|
||||
{ id: "p2", name: "Fresh Strawberries", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-organic-strawberries-in-a-cardboar-1774949062603-baf44914.png" },
|
||||
{ id: "p3", name: "Artisan Sourdough", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/fresh-sourdough-bread-loaf-high-quality--1774949059290-1ceb90a8.png" },
|
||||
]}
|
||||
title="Trending Essentials"
|
||||
description="Popular grocery items handpicked for you."
|
||||
@@ -172,49 +92,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_cooks",
|
||||
testimonial: "FreshDrop changed how I shop. Quality is always impeccable.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-young-woman-s-1774949058697-665ef865.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
handle: "@chef_dave",
|
||||
testimonial: "The produce quality beats the traditional grocery store every time.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-young-man-sof-1774949058155-60d24fbc.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_foodie",
|
||||
testimonial: "So fast! Perfect for last-minute recipe ingredients.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-mature-woman--1774949058472-c0b36d76.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Johnson",
|
||||
handle: "@mark_healthy",
|
||||
testimonial: "Best delivery experience I've ever had. Truly reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-mature-man-so-1774949058770-2cdb29ea.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jess_eats",
|
||||
testimonial: "Reliable, fresh, and saves me so much time every week.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-young-woman-s-1774949058697-665ef865.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarah_cooks", testimonial: "FreshDrop changed how I shop. Quality is always impeccable.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-young-woman-s-1774949058697-665ef865.png" },
|
||||
{ id: "t2", name: "David Chen", handle: "@chef_dave", testimonial: "The produce quality beats the traditional grocery store every time.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-young-man-sof-1774949058155-60d24fbc.png" },
|
||||
{ id: "t3", name: "Elena Rodriguez", handle: "@elena_foodie", testimonial: "So fast! Perfect for last-minute recipe ingredients.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-mature-woman--1774949058472-c0b36d76.png" },
|
||||
{ id: "t4", name: "Mark Johnson", handle: "@mark_healthy", testimonial: "Best delivery experience I've ever had. Truly reliable.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-mature-man-so-1774949058770-2cdb29ea.png" },
|
||||
{ id: "t5", name: "Jessica Lee", handle: "@jess_eats", testimonial: "Reliable, fresh, and saves me so much time every week.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhl7wPN6ChwKhgBhSvusgypp0k/professional-portrait-of-a-young-woman-s-1774949058697-665ef865.png" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved By Locals"
|
||||
@@ -227,21 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver on Sundays?",
|
||||
content: "Yes, we deliver 7 days a week from 8am to 10pm.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How is produce freshness guaranteed?",
|
||||
content: "We source from local farmers every morning to ensure peak quality.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What if an item is damaged?",
|
||||
content: "Contact our support team within 24 hours for a full refund.",
|
||||
},
|
||||
{ id: "q1", title: "Do you deliver on Sundays?", content: "Yes, we deliver 7 days a week from 8am to 10pm." },
|
||||
{ id: "q2", title: "How is produce freshness guaranteed?", content: "We source from local farmers every morning to ensure peak quality." },
|
||||
{ id: "q3", title: "What if an item is damaged?", content: "Contact our support team within 24 hours for a full refund." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about ordering and delivery."
|
||||
@@ -253,42 +127,21 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "FreshDrop",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "FreshDrop", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Help", items: [
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -298,4 +151,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user