Files
fee880bd-f16e-401a-be89-871…/src/app/page.tsx
2026-06-10 19:11:53 +00:00

282 lines
19 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactText from '@/components/sections/contact/ContactText';
import { Award, BarChart, Building, Clock, DollarSign, Globe, HelpCircle, Mail, MapPin, Rocket, Sparkles, Star, Truck, User, Users, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="fluid"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Turbofox Express"
navItems={[
{ name: "Home", id: "#home" },
{ name: "About Us", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Metrics", id: "#metrics" },
{ name: "Social Proof", id: "#social-proof" },
{ name: "Our Locations", id: "#locations" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Google Reviews", id: "#google-reviews" },
{ name: "Pricing", id: "#pricing" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
{ name: "Global Network", id: "#final-cta" }
]}
logoSrc="http://img.b2bpic.net/free-vector/fox-logo-template_1043-199.jpg"
logoAlt="Turbofox Express Logo"
bottomLeftText="Global Community"
bottomRightText="hello@turbofox.com"
button={{ text: "Get a Quote", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDualMedia
title="Global shipping. Lightning-fast. Fully tracked."
description="Turbofox Express delivers your packages worldwide with real-time tracking, 24/7 support, and rates that beat the industry standard. From first mile to final delivery, we've got you covered."
background={{ variant: "sparkles-gradient" }}
tag="Your Premium Global Courier"
tagIcon={Truck}
tagAnimation="slide-up"
buttons={[
{ text: "Get Your Free Quote", href: "#contact" }
]}
buttonAnimation="slide-up"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg", imageAlt: "Cargo plane flying over a city at sunset, symbolizing global reach and speed." },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-face-mask_23-2148943341.jpg", imageAlt: "A modern delivery truck on a highway, representing fast and reliable ground transportation." }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by over 100,000 businesses worldwide"
ariaLabel="Hero section"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Why Choose Turbofox Express?"
metrics={[
{ icon: Globe, label: "Countries Served", value: "190+" },
{ icon: Clock, label: "Average Delivery Time", value: "2-3 Days" },
{ icon: Award, label: "Customer Satisfaction", value: "99.7%" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
ariaLabel="About Turbofox metrics section"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
title="Unrivaled Features for Your Business"
description="Experience the Turbofox difference with state-of-the-art logistics technology and dedicated support tailored to your needs."
tag="Advanced Logistics"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{ title: "Real-time Tracking", description: "Monitor your shipments every step of the way with precise, live updates from dispatch to delivery.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-holding-laptop_23-2149954894.jpg", imageAlt: "Real-time package tracking on a smartphone app" },
{ title: "24/7 Dedicated Support", description: "Our expert team is available around the clock to assist you with any inquiries or special requirements.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-worker-headset-using-laptop_74855-2623.jpg", imageAlt: "Customer support agent with a headset" },
{ title: "Secure & Reliable Handling", description: "Your packages are handled with utmost care and security protocols, ensuring safe arrival at their destination.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-document_23-2148902536.jpg", imageAlt: "Secure package handling in a modern warehouse" }
]}
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Key Features section"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Our Global Impact and Performance"
description="Data-driven insights into our operational excellence and expansive worldwide network."
tag="Performance Highlights"
tagIcon={BarChart}
animationType="depth-3d"
metrics={[
{ id: "metric-1", value: "190+", title: "Countries & Territories", items: ["Extensive global reach", "Seamless customs navigation", "Local delivery partners"] },
{ id: "metric-2", value: "1M+", title: "Packages Delivered Annually", items: ["Consistent on-time delivery", "High volume capacity", "Scalable solutions"] },
{ id: "metric-3", value: "99.7%", title: "On-Time Delivery Rate", items: ["Industry-leading punctuality", "Optimized routing", "Proactive issue resolution"] }
]}
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Global Impact Metrics section"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Industry Leaders"
description="Join the ranks of businesses that rely on Turbofox Express for their critical international shipments."
tag="Our Esteemed Partners"
tagIcon={Users}
names={[
"Microsoft", "Google", "Amazon", "Shopify", "Alibaba", "Samsung", "HP"
]}
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Trusted Partners section"
/>
</div>
<div id="locations" data-section="locations">
<SplitAbout
title="Local Expertise, Global Reach: Optimizing Courier Routes"
description="Turbofox Express offers specialized logistics solutions designed to optimize your courier routes in key markets like Trichy and Chennai, ensuring faster, more efficient deliveries and enhanced local SEO presence."
tag="Regional Focus"
tagIcon={MapPin}
bulletPoints={[
{ title: "Optimized Local Routes", description: "Streamlined courier paths in Trichy and Chennai for maximum efficiency and reduced delivery times." },
{ title: "Enhanced Online Visibility", description: "Specialized SEO strategies to boost your business's presence in local search results for courier services." },
{ title: "Dedicated Regional Support", description: "Local teams providing personalized assistance and insights into the specific logistics challenges of South India." }
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-delivery-trucks-city_23-2149021815.jpg"
imageAlt="Map highlighting courier routes in Trichy and Chennai"
imagePosition="right"
textboxLayout="default"
mediaAnimation="slide-up"
useInvertedBackground={false}
ariaLabel="Trichy and Chennai SEO for Courier Routes section"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="What Our Clients Say"
cardTag="Proven Reliability"
cardTagIcon={Star}
cardAnimation="slide-up"
testimonials={[
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1602.jpg", imageAlt: "Avatar of Sarah Johnson" },
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12355.jpg", imageAlt: "Avatar of Michael Chen" },
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg", imageAlt: "Avatar of Emily Rodriguez" },
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg", imageAlt: "Avatar of David Kim" },
{ id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", imageAlt: "Avatar of Jessica Lee" }
]}
useInvertedBackground={false}
ariaLabel="Customer Testimonials section"
/>
</div>
<div id="google-reviews" data-section="google-reviews">
<ProductCardFour
title="Client Experiences on Google Reviews"
description="Hear directly from businesses worldwide who trust Turbofox Express for their crucial shipments. Check out our latest Google reviews and see why we're rated 5 stars."
tag="Client Feedback"
tagIcon={User}
carouselMode="auto"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
products={[
{ id: "review-1", name: "Ramesh Kumar", price: "5 Stars", variant: "Turbofox Express transformed our logistics. Their speed and tracking are unmatched. Highly recommended for businesses in Chennai!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-indian-man-casual-shirt_482257-25164.jpg", imageAlt: "Avatar of Ramesh Kumar" },
{ id: "review-2", name: "Priya Sharma", price: "5 Stars", variant: "Outstanding service for our e-commerce business. The team is proactive, and international deliveries are always on schedule to Trichy. ", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-working-office_23-2149022631.jpg", imageAlt: "Avatar of Priya Sharma" },
{ id: "review-3", name: "Anand Rao", price: "5 Stars", variant: "Reliable and cost-effective. Turbofox handles our delicate components with care, and their tracking system is fantastic. A game-changer!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-entrepreneur-looking-camera_23-2149202573.jpg", imageAlt: "Avatar of Anand Rao" },
{ id: "review-4", name: "Deepa Singh", price: "4.5 Stars", variant: "Great coverage and fast shipping. A minor delay once, but customer support resolved it quickly. Overall, very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-working-night_23-2150346366.jpg", imageAlt: "Avatar of Deepa Singh" },
{ id: "review-5", name: "Vikram Reddy", price: "5 Stars", variant: "Essential for our supply chain. Turbofox provides consistent, high-quality service, especially for our routes into South India.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-businessman-standing-with-arms-crossed_107420-10111.jpg", imageAlt: "Avatar of Vikram Reddy" }
]}
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Google Reviews section"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Flexible Pricing for Every Business"
description="Choose a plan that scales with your shipping volume, offering competitive rates without compromising on service."
tag="Tailored Solutions"
tagIcon={DollarSign}
animationType="slide-up"
plans={[
{ id: "standard", name: "Standard Express", price: "From $25/package", badge: "Popular", badgeIcon: Sparkles, features: ["Global delivery (3-5 days)", "Real-time tracking", "Basic insurance coverage", "24/7 email support"], buttons: [{ text: "Start Shipping", href: "#contact" }] },
{ id: "premium", name: "Premium Priority", price: "From $45/package", badge: "Recommended", badgeIcon: Rocket, features: ["Expedited global delivery (2-3 days)", "Priority handling & support", "Enhanced insurance coverage", "Dedicated account manager"], buttons: [{ text: "Upgrade Now", href: "#contact" }] },
{ id: "enterprise", name: "Enterprise Elite", price: "Custom Quote", badge: "For High Volume", badgeIcon: Building, features: ["Custom logistics solutions", "Volume discounts available", "White-label services", "On-site integration support"], buttons: [{ text: "Contact Sales", href: "#contact" }] }
]}
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Pricing Plans section"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services, tracking, and pricing."
tag="Got Questions?"
tagIcon={HelpCircle}
faqsAnimation="slide-up"
faqs={[
{ id: "faq-1", title: "How does real-time tracking work?", content: "Our advanced tracking system uses GPS and direct carrier integrations to provide minute-by-minute updates on your package's location and status, accessible via our website or mobile app." },
{ id: "faq-2", title: "What are your international shipping destinations?", content: "Turbofox Express offers shipping to over 190 countries and territories worldwide. Please refer to our destination guide or contact support for specific country availability and restrictions." },
{ id: "faq-3", title: "Do you offer customs clearance assistance?", content: "Yes, we provide comprehensive customs clearance support. Our team handles necessary documentation and liaises with customs officials to ensure a smooth, hassle-free process for your international shipments." },
{ id: "faq-4", title: "What insurance options are available?", content: "We offer tiered insurance options from basic coverage included in standard plans to enhanced coverage for high-value shipments. Details on coverage limits and premiums can be found in our service terms." },
{ id: "faq-5", title: "How can I get a custom quote for bulk shipping?", content: "For bulk shipping or white-label solutions, please use our 'Get a Quote' form or contact our sales team directly. We'll assess your needs and provide a tailored pricing plan." },
{ id: "faq-6", title: "What are your package size and weight limits?", content: "Our standard services accommodate a wide range of package sizes and weights. For oversized or exceptionally heavy items, special freight solutions may be available. Please contact support for details." }
]}
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Frequently Asked Questions section"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Request Your Free Shipping Quote"
description="Let us help you streamline your international logistics. Fill out the form below to get a personalized quote for your shipping needs."
tagIcon={Mail}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468891.jpg"
imageAlt="Modern office setting with Turbofox Express branding"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email for a quick response"
buttonText="Get Quote Now"
termsText="By clicking 'Get Quote Now' you agree to our terms and conditions."
ariaLabel="Contact Us section"
/>
</div>
<div id="final-cta" data-section="final-cta">
<ContactText
text="Join Our World Logistics Network. Optimize Your Shipments Today."
buttons={[
{ text: "Get a Custom Quote", href: "#contact" },
{ text: "Explore Our Services", href: "#features" }
]}
background={{ variant: "rotated-rays-animated-grid" }}
animationType="reveal-blur"
useInvertedBackground={false}
ariaLabel="Global Logistics Network CTA section"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Services", items: [{ label: "International Shipping", href: "#features" }, { label: "Real-time Tracking", href: "#features" }, { label: "Customs Support", href: "#faq" }, { label: "Bulk Logistics", href: "#pricing" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Performance", href: "#metrics" }, { label: "Client Stories", href: "#testimonials" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Support", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{ title: "Our Location", items: [{ label: "View on Map", href: "https://maps.app.google/AgZaQrBcCrdQ566X7?gst=ac" }] }
]}
bottomLeftText="© 2024 Turbofox Express. All rights reserved."
bottomRightText="Built with efficiency and speed."
/>
</div>
</ThemeProvider>
);
}