Merge version_1 into main #1
288
src/app/page.tsx
288
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Fargo Nkubu"
|
||||
/>
|
||||
@@ -47,63 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Wells Fargo & Fargo Courier Ltd – Nkubu"
|
||||
description="Integrated security and logistics solutions providing safe movement of goods and professional protection across Nkubu, Meru County."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/guard-man-ensuring-client-safety_23-2148404018.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-tablet_23-2149103421.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297268.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229212.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229209.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/foreman-auto-mechanic-workshop-using-desktop-pc-office_637285-9314.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-tablet_23-2149103421.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297268.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229212.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229209.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/foreman-auto-mechanic-workshop-using-desktop-pc-office_637285-9314.jpg", alt: "Team member 5" }
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Logistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Guarding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alarm Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warehousing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Reach",
|
||||
},
|
||||
{ type: "text", text: "Secure Logistics" },
|
||||
{ type: "text", text: "Reliable Guarding" },
|
||||
{ type: "text", text: "Alarm Response" },
|
||||
{ type: "text", text: "Warehousing" },
|
||||
{ type: "text", text: "Nationwide Reach" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,21 +71,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Proven Security & Logistics Expertise"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years of Experience",
|
||||
value: "47+",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
label: "Branches Nationwide",
|
||||
value: "100+",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
label: "Service Areas",
|
||||
value: "Everywhere",
|
||||
icon: Truck,
|
||||
},
|
||||
{ label: "Years of Experience", value: "47+", icon: Shield },
|
||||
{ label: "Branches Nationwide", value: "100+", icon: MapPin },
|
||||
{ label: "Service Areas", value: "Everywhere", icon: Truck }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -140,21 +86,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Courier & Logistics",
|
||||
description: "Reliable parcel and document delivery, freight services, warehousing, and last-mile distribution across the region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-holding-box_23-2148767088.jpg",
|
||||
},
|
||||
{
|
||||
title: "Security Guarding",
|
||||
description: "Professional alarm response and guarding solutions for residential and commercial properties in the Nkubu area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128427.jpg",
|
||||
},
|
||||
{
|
||||
title: "Supply Chain Management",
|
||||
description: "Integrated logistics solutions designed to facilitate commerce and protect valuable assets throughout Meru County.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/managing-storage-depot-operating-supply-chain-logistical-sector_482257-83400.jpg",
|
||||
},
|
||||
{ title: "Courier & Logistics", description: "Reliable parcel and document delivery, freight services, warehousing, and last-mile distribution across the region.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-holding-box_23-2148767088.jpg" },
|
||||
{ title: "Security Guarding", description: "Professional alarm response and guarding solutions for residential and commercial properties in the Nkubu area.", imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128427.jpg" },
|
||||
{ title: "Supply Chain Management", description: "Integrated logistics solutions designed to facilitate commerce and protect valuable assets throughout Meru County.", imageSrc: "http://img.b2bpic.net/free-photo/managing-storage-depot-operating-supply-chain-logistical-sector_482257-83400.jpg" }
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
description="We combine decades of experience to provide dependable, technology-driven solutions for your business and personal needs."
|
||||
@@ -165,51 +99,15 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Cash-in-Transit",
|
||||
price: "Secure",
|
||||
variant: "Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-gloves-holding-box_23-2148767149.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Document Delivery",
|
||||
price: "Express",
|
||||
variant: "Courier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-using-house-videophone-indoor_1398-1281.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Alarm Response",
|
||||
price: "Rapid",
|
||||
variant: "Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-staff-member-local-brand-supply-room-prepares-products_482257-130924.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Warehousing",
|
||||
price: "Scaleable",
|
||||
variant: "Logistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-mask_23-2149103432.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Last-Mile Distribution",
|
||||
price: "Efficient",
|
||||
variant: "Logistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-guard-man-protecting-client_23-2148404019.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Commercial Guarding",
|
||||
price: "Professional",
|
||||
variant: "Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-preparing-packages-shipment-attaching-data-label-carboard-box-office_637285-6583.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Cash-in-Transit", price: "Secure", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-gloves-holding-box_23-2148767149.jpg" },
|
||||
{ id: "s2", name: "Document Delivery", price: "Express", variant: "Courier", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-using-house-videophone-indoor_1398-1281.jpg" },
|
||||
{ id: "s3", name: "Alarm Response", price: "Rapid", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/asian-staff-member-local-brand-supply-room-prepares-products_482257-130924.jpg" },
|
||||
{ id: "s4", name: "Warehousing", price: "Scaleable", variant: "Logistics", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-mask_23-2149103432.jpg" },
|
||||
{ id: "s5", name: "Last-Mile Distribution", price: "Efficient", variant: "Logistics", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-guard-man-protecting-client_23-2148404019.jpg" },
|
||||
{ id: "s6", name: "Commercial Guarding", price: "Professional", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-preparing-packages-shipment-attaching-data-label-carboard-box-office_637285-6583.jpg" }
|
||||
]}
|
||||
title="Our Focus"
|
||||
description="Strategic solutions designed for the Nkubu hub, connecting local businesses to nationwide protection and distribution."
|
||||
@@ -222,36 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Security Operations",
|
||||
value: "24/7",
|
||||
items: [
|
||||
"Residential",
|
||||
"Corporate",
|
||||
"Alarm Response",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Logistics Reach",
|
||||
value: "100+",
|
||||
items: [
|
||||
"Nationwide",
|
||||
"Last-Mile",
|
||||
"Warehousing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Customer Satisfaction",
|
||||
value: "High",
|
||||
items: [
|
||||
"Professional",
|
||||
"Reliable",
|
||||
"Trusted",
|
||||
],
|
||||
},
|
||||
{ id: "m1", title: "Security Operations", value: "24/7", items: ["Residential", "Corporate", "Alarm Response"] },
|
||||
{ id: "m2", title: "Logistics Reach", value: "100+", items: ["Nationwide", "Last-Mile", "Warehousing"] },
|
||||
{ id: "m3", title: "Customer Satisfaction", value: "High", items: ["Professional", "Reliable", "Trusted"] }
|
||||
]}
|
||||
title="Trusted by Nkubu"
|
||||
description="Our footprint covers key strategic locations, ensuring trade and safety across the Meru and Chuka corridors."
|
||||
@@ -264,41 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Very professional and safe delivery services every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John M.",
|
||||
handle: "@johnm",
|
||||
testimonial: "The guarding service has made our business feel secure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grace W.",
|
||||
handle: "@gracew",
|
||||
testimonial: "Excellent logistics support for my local business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David O.",
|
||||
handle: "@davido",
|
||||
testimonial: "Quick alarm response when we needed it most.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda B.",
|
||||
handle: "@lindab",
|
||||
testimonial: "Reliable courier service within Meru County.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah K.", handle: "@sarahk", testimonial: "Very professional and safe delivery services every time.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
|
||||
{ id: "2", name: "John M.", handle: "@johnm", testimonial: "The guarding service has made our business feel secure.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg" },
|
||||
{ id: "3", name: "Grace W.", handle: "@gracew", testimonial: "Excellent logistics support for my local business.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg" },
|
||||
{ id: "4", name: "David O.", handle: "@davido", testimonial: "Quick alarm response when we needed it most.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
|
||||
{ id: "5", name: "Linda B.", handle: "@lindab", testimonial: "Reliable courier service within Meru County.", imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg" }
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Building trust through reliable services in the Meru County region."
|
||||
@@ -308,52 +149,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Connect With Us"
|
||||
title="Visit the Nkubu Branch"
|
||||
description="Near Nkuene Dairy F.C.S, Kionyo Stage, Nkubu, Kenya. Phone: +254 769 198 728"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+254769198728",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+254769198728" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Fargo Group Nkubu"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user