Merge version_2 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
@@ -31,31 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "For Businesses",
|
||||
id: "for-businesses",
|
||||
},
|
||||
name: "For Businesses", id: "for-businesses"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="A Express"
|
||||
button={{
|
||||
text: "Book a Delivery",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Delivery", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,28 +51,19 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="60-Minute Delivery in Antwerp ⚡"
|
||||
description="Send anything across the city — fast, safe, and reliable."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Local Business Owner",
|
||||
handle: "@antwerp_eats",
|
||||
testimonial: "A Express transformed our local deliveries, making us faster and more reliable!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
|
||||
},
|
||||
name: "Local Business Owner", handle: "@antwerp_eats", testimonial: "A Express transformed our local deliveries, making us faster and more reliable!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Delivery",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Delivery", href: "#contact"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-delivery-van-wet-highway-with-motion-blur-shipping-motion_169016-69815.jpg"
|
||||
imageAlt="Modern city skyline with a delivery vehicle"
|
||||
@@ -99,23 +78,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "step-1",
|
||||
icon: Truck,
|
||||
title: "Request a Delivery",
|
||||
value: "1",
|
||||
},
|
||||
id: "step-1", icon: Truck,
|
||||
title: "Request a Delivery", value: "1"},
|
||||
{
|
||||
id: "step-2",
|
||||
icon: Package,
|
||||
title: "We Pick It Up",
|
||||
value: "2",
|
||||
},
|
||||
id: "step-2", icon: Package,
|
||||
title: "We Pick It Up", value: "2"},
|
||||
{
|
||||
id: "step-3",
|
||||
icon: CheckCircle,
|
||||
title: "Delivered Within 60 Minutes",
|
||||
value: "3",
|
||||
},
|
||||
id: "step-3", icon: CheckCircle,
|
||||
title: "Delivered Within 60 Minutes", value: "3"},
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Getting your items delivered is as easy as 1-2-3."
|
||||
@@ -129,19 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Fast 60-minute delivery",
|
||||
"Local Antwerp service",
|
||||
"Reliable and safe",
|
||||
"Simple booking process",
|
||||
],
|
||||
"Fast 60-minute delivery", "Local Antwerp service", "Reliable and safe", "Simple booking process"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Urgent parcel delivery",
|
||||
"Document delivery",
|
||||
"Forgotten item delivery",
|
||||
"Local business deliveries",
|
||||
],
|
||||
"Urgent parcel delivery", "Document delivery", "Forgotten item delivery", "Local business deliveries"],
|
||||
}}
|
||||
title="Your Local Delivery Partner"
|
||||
description="Experience unparalleled speed and reliability for all your local delivery needs in Antwerp."
|
||||
@@ -155,57 +117,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "small",
|
||||
tag: "Small Package",
|
||||
price: "€4",
|
||||
period: "+ €1 per km",
|
||||
description: "Ideal for documents & small items",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Quick 60-min delivery",
|
||||
"Real-time tracking",
|
||||
"Secure handling",
|
||||
],
|
||||
id: "small", tag: "Small Package", price: "€4", period: "+ €1 per km", description: "Ideal for documents & small items", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"Quick 60-min delivery", "Real-time tracking", "Secure handling"],
|
||||
},
|
||||
{
|
||||
id: "medium",
|
||||
tag: "Medium Package",
|
||||
price: "€6",
|
||||
period: "+ €1 per km",
|
||||
description: "Perfect for parcels & everyday needs",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Quick 60-min delivery",
|
||||
"Real-time tracking",
|
||||
"Secure handling",
|
||||
"Proof of delivery",
|
||||
],
|
||||
id: "medium", tag: "Medium Package", price: "€6", period: "+ €1 per km", description: "Perfect for parcels & everyday needs", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"Quick 60-min delivery", "Real-time tracking", "Secure handling", "Proof of delivery"],
|
||||
},
|
||||
{
|
||||
id: "large",
|
||||
tag: "Large Package",
|
||||
price: "€8",
|
||||
period: "+ €1 per km",
|
||||
description: "For urgent, bulkier deliveries",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Quick 60-min delivery",
|
||||
"Real-time tracking",
|
||||
"Secure handling",
|
||||
"Priority dispatch",
|
||||
],
|
||||
id: "large", tag: "Large Package", price: "€8", period: "+ €1 per km", description: "For urgent, bulkier deliveries", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"Quick 60-min delivery", "Real-time tracking", "Secure handling", "Priority dispatch"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -221,40 +148,38 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "same-day",
|
||||
name: "Same-Day Delivery for Customers",
|
||||
price: "Custom",
|
||||
variant: "Tailored for your business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-pack_23-2149103400.jpg",
|
||||
imageAlt: "Customer receiving a package from a delivery driver",
|
||||
},
|
||||
id: "same-day", name: "Same-Day Delivery for Customers", price: "Custom", variant: "Tailored for your business", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-pack_23-2149103400.jpg", imageAlt: "Customer receiving a package from a delivery driver"},
|
||||
{
|
||||
id: "bulk-options",
|
||||
name: "Bulk Delivery Options",
|
||||
price: "Custom",
|
||||
variant: "Flexible for large orders",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229210.jpg",
|
||||
imageAlt: "Multiple packages being loaded for bulk delivery",
|
||||
},
|
||||
id: "bulk-options", name: "Bulk Delivery Options", price: "Custom", variant: "Flexible for large orders", imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229210.jpg", imageAlt: "Multiple packages being loaded for bulk delivery"},
|
||||
]}
|
||||
title="For Local Businesses"
|
||||
description="Empower your business with A Express's tailored delivery solutions for same-day speed and bulk options."
|
||||
buttons={[
|
||||
{
|
||||
text: "Partner with Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Partner with Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
title="Book Your Delivery Today"
|
||||
description="Fill out the form below to book your delivery. We'll get back to you within minutes with a quote and live tracking options."
|
||||
inputs={[
|
||||
{ name: 'name', type: 'text', placeholder: 'Your Name', required: true },
|
||||
{ name: 'email', type: 'email', placeholder: 'Your Email', required: true },
|
||||
{ name: 'phone', type: 'tel', placeholder: 'Your Phone Number', required: false },
|
||||
]}
|
||||
textarea={{
|
||||
name: 'message',
|
||||
placeholder: 'Delivery Details (items, addresses, urgency)',
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
text="Ready to experience fast, reliable local deliveries? Contact A Express today to book your next delivery or learn more about our services.\n\nEmail: support@aexpress.be\nInstagram: @aexpress_delivery"
|
||||
buttonText="Book Now"
|
||||
onSubmit={(data) => console.log('Booking submitted:', data)}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -263,50 +188,31 @@ export default function LandingPage() {
|
||||
logoText="A Express"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "For Businesses",
|
||||
href: "#for-businesses",
|
||||
},
|
||||
label: "For Businesses", href: "#for-businesses"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/aexpress_delivery",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/aexpress_delivery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user