Update src/app/page.tsx
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -19,23 +20,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="ExpressLane"
|
||||
/>
|
||||
@@ -45,13 +44,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="ExpressLane"
|
||||
description="Your favorite snacks, drinks, and grocery essentials delivered in minutes. From local favorites to pantry staples, right to your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-black-gloves-black-mask-holding-coffee-cups-food-delivery-packages_140725-22112.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Now", href: "#shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-black-gloves-black-mask-holding-coffee-cups-food-delivery-packages_140725-22112.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,20 +56,11 @@ export default function LandingPage() {
|
||||
title="Convenience at Your Fingertips"
|
||||
description="We specialize in rapid delivery for your daily needs. Whether it's late-night cravings or a quick grocery run, we ensure you have what you need when you need it."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Guaranteed 30-minute delivery window.",
|
||||
},
|
||||
{
|
||||
title: "Local Selection",
|
||||
description: "Curated local brands and global favorites.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, just simple pricing.",
|
||||
},
|
||||
{ title: "Fast Delivery", description: "Guaranteed 30-minute delivery window." },
|
||||
{ title: "Local Selection", description: "Curated local brands and global favorites." },
|
||||
{ title: "Transparent Pricing", description: "No hidden fees, just simple pricing." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-carrying-package-box-grocery-food-dr_1258-102069.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-carrying-package-box-grocery-food-dr_1258-102069.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,42 +72,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Red Bull Energy",
|
||||
price: "$4.15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-lemon-arrangement_23-2150928908.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Monster Energy",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-transparent-bubbles-green-textured-background_23-2148070984.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ben & Jerry's",
|
||||
price: "$9.85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cupcakes-table_23-2148815923.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pringles Cheddar",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-chips-bowls-marble-surface_114579-41205.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Oreo Original",
|
||||
price: "$6.15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spilled-milk-with-smashed-biscuits-high-view_23-2148362325.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coca Cola 2L",
|
||||
price: "$4.30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juice-bottle-with-yellow-cap_187299-47014.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Red Bull Energy", price: "$4.15", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-lemon-arrangement_23-2150928908.jpg" },
|
||||
{ id: "p2", name: "Monster Energy", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-transparent-bubbles-green-textured-background_23-2148070984.jpg" },
|
||||
{ id: "p3", name: "Ben & Jerry's", price: "$9.85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cupcakes-table_23-2148815923.jpg" },
|
||||
{ id: "p4", name: "Pringles Cheddar", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/various-chips-bowls-marble-surface_114579-41205.jpg" },
|
||||
{ id: "p5", name: "Oreo Original", price: "$6.15", imageSrc: "http://img.b2bpic.net/free-photo/spilled-milk-with-smashed-biscuits-high-view_23-2148362325.jpg" },
|
||||
{ id: "p6", name: "Coca Cola 2L", price: "$4.30", imageSrc: "http://img.b2bpic.net/free-photo/juice-bottle-with-yellow-cap_187299-47014.jpg" }
|
||||
]}
|
||||
title="Shop Popular Items"
|
||||
description="Browse our most requested snacks and refreshing beverages."
|
||||
@@ -134,34 +89,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "We are always here to assist you.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187989.jpg",
|
||||
imageAlt: "Still life of fast food dishes",
|
||||
},
|
||||
{
|
||||
title: "Freshness First",
|
||||
description: "Quality assurance on every delivery.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-black-gloves-black-mask-holding-coffee-cups-food-delivery-packages_140725-22112.jpg?_wi=2",
|
||||
imageAlt: "Still life of fast food dishes",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Safe and encrypted checkout process.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-carrying-package-box-grocery-food-dr_1258-102069.jpg?_wi=2",
|
||||
imageAlt: "Still life of fast food dishes",
|
||||
},
|
||||
{
|
||||
title: "Order Tracking",
|
||||
description: "Real-time updates on your order.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-lemon-arrangement_23-2150928908.jpg?_wi=2",
|
||||
imageAlt: "Still life of fast food dishes",
|
||||
},
|
||||
{ title: "24/7 Support", description: "We are always here to assist you.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187989.jpg" },
|
||||
{ title: "Freshness First", description: "Quality assurance on every delivery.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-black-gloves-black-mask-holding-coffee-cups-food-delivery-packages_140725-22112.jpg" },
|
||||
{ title: "Secure Payments", description: "Safe and encrypted checkout process.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-carrying-package-box-grocery-food-dr_1258-102069.jpg" },
|
||||
{ title: "Order Tracking", description: "Real-time updates on your order.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-lemon-arrangement_23-2150928908.jpg" }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="What makes ExpressLane the premier choice for your doorstep delivery."
|
||||
@@ -174,33 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Verified reviews",
|
||||
"Loyalty members",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Cities Served",
|
||||
items: [
|
||||
"Expanding daily",
|
||||
"Local hubs",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Always on",
|
||||
"Ready anytime",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15k+", title: "Happy Customers", items: ["Verified reviews", "Loyalty members"] },
|
||||
{ id: "m2", value: "50+", title: "Cities Served", items: ["Expanding daily", "Local hubs"] },
|
||||
{ id: "m3", value: "24/7", title: "Availability", items: ["Always on", "Ready anytime"] }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our track record speaks for itself."
|
||||
@@ -212,21 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is delivery?",
|
||||
content: "Typically under 30 minutes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where do you deliver?",
|
||||
content: "Currently operating in over 50 cities.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there fees?",
|
||||
content: "Transparent delivery fees calculated at checkout.",
|
||||
},
|
||||
{ id: "f1", title: "How long is delivery?", content: "Typically under 30 minutes." },
|
||||
{ id: "f2", title: "Where do you deliver?", content: "Currently operating in over 50 cities." },
|
||||
{ id: "f3", title: "Are there fees?", content: "Transparent delivery fees calculated at checkout." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most common queries about our service."
|
||||
@@ -239,46 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fast!",
|
||||
quote: "Incredible speed and accuracy.",
|
||||
name: "Sarah J.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retrato-belleza-perfil-personas-femenino_1301-1409.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Life Saver",
|
||||
quote: "Perfect for late night snacks.",
|
||||
name: "Mike D.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-curly-hair-sitting-cafe_273609-16244.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Always great service and quality.",
|
||||
name: "Emily R.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-outdoors_23-2149033465.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "So Convenient",
|
||||
quote: "Why go anywhere else?",
|
||||
name: "David K.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-with-big-smile_1098-559.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great App",
|
||||
quote: "Love the variety of products.",
|
||||
name: "Jane W.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{ id: "1", title: "Fast!", quote: "Incredible speed and accuracy.", name: "Sarah J.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/retrato-belleza-perfil-personas-femenino_1301-1409.jpg" },
|
||||
{ id: "2", title: "Life Saver", quote: "Perfect for late night snacks.", name: "Mike D.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-curly-hair-sitting-cafe_273609-16244.jpg" },
|
||||
{ id: "3", title: "Highly Recommend", quote: "Always great service and quality.", name: "Emily R.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-outdoors_23-2149033465.jpg" },
|
||||
{ id: "4", title: "So Convenient", quote: "Why go anywhere else?", name: "David K.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/executive-with-big-smile_1098-559.jpg" },
|
||||
{ id: "5", title: "Great App", quote: "Love the variety of products.", name: "Jane W.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" }
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our users are saying about the service."
|
||||
@@ -288,32 +148,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to get started?"
|
||||
description="Join our network of satisfied customers and couriers today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ExpressLane"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "/terms",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
leftLink={{ text: "Terms", href: "/terms" }}
|
||||
rightLink={{ text: "Privacy", href: "/privacy" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user