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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; 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 TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -31,7 +31,7 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Follow Trade" brandName="Follow Trade"
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "hero" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
@@ -44,26 +44,20 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroBillboard
title="Welcome to Follow Trade" title="The Future of Supply Chain"
description="Experience seamless global shipping and unparalleled order accuracy with our smart fulfillment solutions." description="Ship globally within 3 days post-production with smart fulfillment"
background={{ variant: "animated-grid" }} background={{ variant: "animated-grid" }}
tag="Trusted by 150+ Brands" tag="Trusted by 150+ Brands"
buttons={[ buttons={[
{ label: "Get Started", href: "#pricing", dataWebildId: "button1" }, { text: "Get Started", href: "#pricing" },
{ label: "Learn More", href: "#features", dataWebildId: "button2" } { 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" imageAlt="Supply chain and fulfillment"
mediaAnimation="opacity" mediaAnimation="opacity"
imagePosition="right" imagePosition="right"
buttonAnimation="opacity" 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> </div>