Merge version_1 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -33,68 +33,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SwiftCart"
|
||||
button={{
|
||||
text: "Get App",
|
||||
}}
|
||||
text: "Get App"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Essentials at your door, in 10 minutes."
|
||||
description="Groceries, snacks, and daily essentials delivered to your doorstep in record time. Experience the fastest delivery service in the city."
|
||||
tag="Delivering happiness"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get the App",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get the App", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter-outdoors_23-2149019551.jpg?_wi=1",
|
||||
imageAlt: "Delivery rider in city",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter-outdoors_23-2149019551.jpg", imageAlt: "Delivery rider in city"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groceries-packages-delivery-covid19-quarantine-shopping-concept-smiling-delivery-man-red-uniform-bring-client-order-holding-food-box-parcel-enjoying-help-people-transfer-goods_1258-108058.jpg?_wi=1",
|
||||
imageAlt: "Fresh grocery produce",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-riding-motorbike-city-street_285396-3475.jpg",
|
||||
imageAlt: "Young woman riding on motorbike city street",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-carefree-african-woman-rides-modern-motorbike-outdoors-looking-camera_171337-12618.jpg",
|
||||
imageAlt: "Carefree woman on modern motorbike",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bearded-male-vaping-after-electric-scooter_613910-13908.jpg",
|
||||
imageAlt: "Male on electric scooter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groceries-packages-delivery-covid19-quarantine-shopping-concept-smiling-delivery-man-red-uniform-bring-client-order-holding-food-box-parcel-enjoying-help-people-transfer-goods_1258-108058.jpg", imageAlt: "Fresh grocery produce"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,18 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Technology meets ",
|
||||
},
|
||||
type: "text", content: "Technology meets "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6723.jpg",
|
||||
alt: "Handover",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6723.jpg", alt: "Handover"},
|
||||
{
|
||||
type: "text",
|
||||
content: " speed",
|
||||
},
|
||||
type: "text", content: " speed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,41 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fresh Organic Milk",
|
||||
price: "$2.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dry-pasta-spaghetti-with-ingredient_1339-879.jpg",
|
||||
},
|
||||
id: "1", name: "Fresh Organic Milk", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/dry-pasta-spaghetti-with-ingredient_1339-879.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Crisp Apples",
|
||||
price: "$1.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-apples-concept-fresh-healthy-food_185193-165774.jpg",
|
||||
},
|
||||
id: "2", name: "Crisp Apples", price: "$1.49", imageSrc: "http://img.b2bpic.net/free-photo/red-apples-concept-fresh-healthy-food_185193-165774.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Premium Bread",
|
||||
price: "$3.29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-crusty-loaf-bread_23-2152015865.jpg",
|
||||
},
|
||||
id: "3", name: "Premium Bread", price: "$3.29", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-crusty-loaf-bread_23-2152015865.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Garden Veggies",
|
||||
price: "$4.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-various-vegetables-wooden-basket_114579-60738.jpg",
|
||||
},
|
||||
id: "4", name: "Garden Veggies", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/bunch-various-vegetables-wooden-basket_114579-60738.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Specialty Coffee",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-coffee-beans-wooden-container_23-2148248832.jpg",
|
||||
},
|
||||
id: "5", name: "Specialty Coffee", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-coffee-beans-wooden-container_23-2148248832.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Farm Eggs",
|
||||
price: "$3.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-basket_1203-7688.jpg",
|
||||
},
|
||||
id: "6", name: "Farm Eggs", price: "$3.49", imageSrc: "http://img.b2bpic.net/free-photo/eggs-basket_1203-7688.jpg"},
|
||||
]}
|
||||
title="Shop your favorites"
|
||||
description="Wide variety of high-quality products sourced directly for you."
|
||||
@@ -180,32 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "10-Minute Delivery",
|
||||
descriptions: [
|
||||
"Our network of dark stores ensures you get what you need in minutes.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-couple-scooter_329181-13922.jpg",
|
||||
imageAlt: "Rear view of couple on the scooter",
|
||||
},
|
||||
id: "f1", title: "10-Minute Delivery", descriptions: [
|
||||
"Our network of dark stores ensures you get what you need in minutes."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-couple-scooter_329181-13922.jpg", imageAlt: "Rear view of couple on the scooter"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Freshness Guaranteed",
|
||||
descriptions: [
|
||||
"We source daily to ensure you receive the freshest produce possible.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter-outdoors_23-2149019551.jpg?_wi=2",
|
||||
imageAlt: "Rear view of couple on the scooter",
|
||||
},
|
||||
id: "f2", title: "Freshness Guaranteed", descriptions: [
|
||||
"We source daily to ensure you receive the freshest produce possible."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter-outdoors_23-2149019551.jpg", imageAlt: "Rear view of couple on the scooter"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Zero Delivery Fee",
|
||||
descriptions: [
|
||||
"No hidden costs. Pay for your items, and we'll handle the rest.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groceries-packages-delivery-covid19-quarantine-shopping-concept-smiling-delivery-man-red-uniform-bring-client-order-holding-food-box-parcel-enjoying-help-people-transfer-goods_1258-108058.jpg?_wi=2",
|
||||
imageAlt: "Rear view of couple on the scooter",
|
||||
},
|
||||
id: "f3", title: "Zero Delivery Fee", descriptions: [
|
||||
"No hidden costs. Pay for your items, and we'll handle the rest."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groceries-packages-delivery-covid19-quarantine-shopping-concept-smiling-delivery-man-red-uniform-bring-client-order-holding-food-box-parcel-enjoying-help-people-transfer-goods_1258-108058.jpg", imageAlt: "Rear view of couple on the scooter"},
|
||||
]}
|
||||
title="Why choose us?"
|
||||
description="We are rethinking local delivery from the ground up."
|
||||
@@ -218,20 +142,11 @@ export default function LandingPage() {
|
||||
title="Scale of speed"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
description: "Orders delivered",
|
||||
},
|
||||
id: "m1", value: "10M+", description: "Orders delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Dark store locations",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Dark store locations"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "On-time delivery",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "On-time delivery"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
tag="Impact"
|
||||
@@ -245,40 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "Incredible service, truly 10 minutes every time!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lot-while-using-mobilephone_329181-14597.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", handle: "@alex", testimonial: "Incredible service, truly 10 minutes every time!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-lot-while-using-mobilephone_329181-14597.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah M.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Saved my dinner plans multiple times now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah M.", handle: "@sarah", testimonial: "Saved my dinner plans multiple times now.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John D.",
|
||||
handle: "@john",
|
||||
testimonial: "Quality is always top-notch, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
id: "t3", name: "John D.", handle: "@john", testimonial: "Quality is always top-notch, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
handle: "@emily",
|
||||
testimonial: "So convenient, can't imagine going back to long waits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-middle-eastern-guy-show-okay-gesture-guarantee-quality_176420-20477.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily P.", handle: "@emily", testimonial: "So convenient, can't imagine going back to long waits.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-middle-eastern-guy-show-okay-gesture-guarantee-quality_176420-20477.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Michael L.",
|
||||
handle: "@michael",
|
||||
testimonial: "App is fast, delivery is faster. Perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-turtleneck_273609-6137.jpg",
|
||||
},
|
||||
id: "t5", name: "Michael L.", handle: "@michael", testimonial: "App is fast, delivery is faster. Perfect.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-turtleneck_273609-6137.jpg"},
|
||||
]}
|
||||
title="Loved by millions"
|
||||
description="Read what our happy customers are saying about the service."
|
||||
@@ -291,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you deliver so fast?",
|
||||
content: "We use a dense network of hyper-local dark stores.",
|
||||
},
|
||||
id: "q1", title: "How do you deliver so fast?", content: "We use a dense network of hyper-local dark stores."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a delivery fee?",
|
||||
content: "We offer free delivery on orders over a certain amount.",
|
||||
},
|
||||
id: "q2", title: "Is there a delivery fee?", content: "We offer free delivery on orders over a certain amount."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I track my order?",
|
||||
content: "Track your order in real-time through our app.",
|
||||
},
|
||||
id: "q3", title: "How can I track my order?", content: "Track your order in real-time through our app."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/returning-item-online_23-2151952966.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -317,14 +198,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Download the SwiftCart app today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -334,29 +212,19 @@ export default function LandingPage() {
|
||||
logoText="SwiftCart"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user