362 lines
14 KiB
TypeScript
362 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import { Leaf, Target, Sparkles, Award, Star, Handshake } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Book Service", id: "#services" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
items: [
|
|
{ label: "Shop", href: "/products" },
|
|
{ label: "Poultry Feed", href: "/products" },
|
|
{ label: "Livestock Feed", href: "/products" },
|
|
{ label: "Pet Food", href: "/products" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Schedule Delivery", href: "#services" },
|
|
{ label: "Farm Consultation", href: "#services" },
|
|
{ label: "Farmer Training", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About", href: "/" },
|
|
{ label: "Our Story", href: "/" },
|
|
{ label: "Quality Standards", href: "/" },
|
|
{ label: "Sustainability", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Phone: +234 (0) 800 XXX XXXX", href: "tel:+234800" },
|
|
{ label: "WhatsApp", href: "https://wa.me/234800" },
|
|
{ label: "Email: info@farmfreshfeed.com", href: "mailto:info@farmfreshfeed.com" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Legal", href: "/" },
|
|
{ label: "Privacy Policy", href: "/" },
|
|
{ label: "Terms of Service", href: "/" },
|
|
{ label: "Return Policy", href: "/" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="FarmFresh Feed"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
button={{
|
|
text: "Shop Now",
|
|
href: "/products",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Quality Feed for Healthy Animals"
|
|
description="Premium livestock and pet feed sourced from trusted suppliers. Trusted by farmers and pet owners across the region for over 15 years."
|
|
tag="Premium Quality"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "grid" }}
|
|
buttons={[
|
|
{
|
|
text: "Shop Feed",
|
|
href: "/products",
|
|
},
|
|
{
|
|
text: "Book Delivery",
|
|
href: "#services",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-group-domestic-chickens-farm_23-2148290999.jpg",
|
|
imageAlt: "Healthy chickens in farm",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-cows-grassy-field-blue-cloudy-sky-daytime-france_181624-3700.jpg",
|
|
imageAlt: "Cattle grazing in green pasture",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-farm-life-scene-with-pigs_23-2151471181.jpg",
|
|
imageAlt: "Healthy pigs on farm",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sandbags-stacked-top-each-other_181624-7712.jpg",
|
|
imageAlt: "Premium feed bags stacked",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-horizontal-shot-green-field-with-bushes-trees-small-houses-countryside_181624-30046.jpg",
|
|
imageAlt: "Beautiful farm landscape",
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Mission"
|
|
tagIcon={Target}
|
|
tagAnimation="slide-up"
|
|
title="We are committed to providing the highest quality feed and farming supplies to support healthy, productive animals and sustainable agricultural practices for local farmers and pet owners."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "/",
|
|
},
|
|
{
|
|
text: "Contact Us",
|
|
href: "/contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Products"
|
|
description="Explore our wide range of premium animal feed and farming supplies for all your livestock and pet needs"
|
|
tag="Best Sellers"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "poultry-premium",
|
|
name: "Premium Poultry Layer Feed",
|
|
price: "$45",
|
|
variant: "50kg Bag - High Protein",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/taking-peanuts-from-stock-grocery-high-quality-photo_114579-12254.jpg?_wi=1",
|
|
imageAlt: "Poultry layer feed",
|
|
},
|
|
{
|
|
id: "pig-grower",
|
|
name: "Pig Grower Feed 18%",
|
|
price: "$38",
|
|
variant: "50kg Bag - Balanced Formula",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14582.jpg?_wi=1",
|
|
imageAlt: "Pig grower feed",
|
|
},
|
|
{
|
|
id: "cattle-concentrate",
|
|
name: "Cattle Concentrate Mix",
|
|
price: "$52",
|
|
variant: "50kg Bag - Energy Boost",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/farmer-cowshed-with-pitchfork-cleaning-up_1303-30842.jpg?_wi=1",
|
|
imageAlt: "Cattle concentrate feed",
|
|
},
|
|
{
|
|
id: "goat-special",
|
|
name: "Goat & Sheep Pellets",
|
|
price: "$42",
|
|
variant: "25kg Bag - Complete Nutrition",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-with-hay-cows-dairy-farm_1150-12768.jpg?_wi=1",
|
|
imageAlt: "Goat and sheep feed",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="Why Choose FarmFresh Feed"
|
|
description="We stand out for our commitment to quality, farmer support, and sustainable agricultural practices"
|
|
tag="Our Advantages"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Quality Assured",
|
|
description: "All our feeds are sourced from trusted suppliers and tested for nutritional content and safety standards",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-stapled-pepper-injected-with-chemicals_23-2148536492.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Local Support",
|
|
description: "We provide personalized consultation and support to local farmers, helping them optimize their livestock nutrition",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/farmer-examines-field-agronomist-farmer-examines-growth-wheat_1157-39761.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Fast Delivery",
|
|
description: "Schedule farm deliveries at your convenience with our reliable logistics network across the region",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43621.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Competitive Pricing",
|
|
description: "Bulk discounts and loyalty rewards program for regular customers help maximize your farm profitability",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-chooses-healthy-leafy-vegetable-market_23-2148209850.jpg?_wi=1",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Hear from farmers and pet owners who have experienced the FarmFresh Feed difference"
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "John Okonkwo",
|
|
handle: "@johnokonkwo",
|
|
testimonial: "Since I started buying feed from FarmFresh, my chickens grow faster and healthier. The quality is exceptional and the prices are fair.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-black-shirt-posing-near-tree-arhus-city_181624-59262.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Amara Adeyemi",
|
|
handle: "@amarafarm",
|
|
testimonial: "Their customer service is outstanding. They helped me select the right feed for my goats, and production has increased by 30%.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-farmer-relaxing-outdoors_23-2149066191.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Chidi Ejiofor",
|
|
handle: "@chidifarming",
|
|
testimonial: "Reliable delivery, consistent quality, and they offer the best loyalty rewards in the area. Highly recommended!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-showing-thumbs-up_141793-89360.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Fatima Hassan",
|
|
handle: "@fatimapet",
|
|
testimonial: "Great selection of pet food and supplements. My dogs have never looked healthier. This is my go-to store now.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429296.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Kola Ibraheem",
|
|
handle: "@kolafarmer",
|
|
testimonial: "Professional team, quality products, and fast delivery service. They truly care about our farm's success.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/farmer-examines-field-agronomist-farmer-examines-growth-wheat_1157-39769.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Zainab Ali",
|
|
handle: "@zainabfarms",
|
|
testimonial: "Best feed supplier in the region. The nutritional value is excellent and animals show visible improvement within weeks.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13361.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ContactText
|
|
text="Ready to improve your animal nutrition? Book a consultation with our experts, schedule a farm delivery, or register for our farmer training programs."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "#services",
|
|
},
|
|
{
|
|
text: "Learn About Services",
|
|
href: "#services",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted By Leading Agricultural Organizations"
|
|
description="Our partnerships with industry leaders ensure the highest standards in feed quality and farm support"
|
|
tag="Industry Partners"
|
|
tagIcon={Handshake}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Nigerian Poultry Association",
|
|
"Federal Ministry of Agriculture",
|
|
"Small Farmers Cooperative",
|
|
"Livestock Development Authority",
|
|
"Pet Owners Guild",
|
|
"Agricultural Supply Coalition",
|
|
"Sustainable Farming Initiative",
|
|
"Rural Development Programs",
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="FarmFresh Feed"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |