Update src/app/page.tsx

This commit is contained in:
2026-02-18 09:08:23 +00:00
parent 1d35264bec
commit a4cda7e2a4

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -31,7 +31,7 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
brandName="Follow Trade"
navItems={[
{ name: "Home", id: "/" },
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
@@ -44,26 +44,20 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Welcome to Follow Trade"
description="Experience seamless global shipping and unparalleled order accuracy with our smart fulfillment solutions."
<HeroBillboard
title="The Future of Supply Chain"
description="Ship globally within 3 days post-production with smart fulfillment"
background={{ variant: "animated-grid" }}
tag="Trusted by 150+ Brands"
buttons={[
{ label: "Get Started", href: "#pricing", dataWebildId: "button1" },
{ label: "Learn More", href: "#features", dataWebildId: "button2" }
{ text: "Get Started", href: "#pricing" },
{ text: "Learn More", href: "#features" }
]}
imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
imageSrc="https://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg"
imageAlt="Supply chain and fulfillment"
mediaAnimation="opacity"
imagePosition="right"
buttonAnimation="opacity"
kpis={[
{ label: "Orders Processed", value: "100,000+", icon: "Package" },
{ label: "Global Locations", value: "25+", icon: "MapPin" },
{ label: "Customer Satisfaction", value: "95%", icon: "Smile" },
{ label: "On-Time Delivery", value: "99%", icon: "Check" }
]}
/>
</div>