Update src/app/page.tsx
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user