299 lines
16 KiB
TypeScript
299 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Gauge, Package, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h3zeju"
|
|
logoAlt="Farm & Feed Co. Logo"
|
|
brandName="Farm & Feed Co."
|
|
bottomLeftText="Quality Feed, Happy Animals"
|
|
bottomRightText="support@farmfeed.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Nourish Every Life on Your Farm"
|
|
description="Providing premium animal feed and supplies for livestock, poultry, and pets. Quality nutrition for healthy, happy animals."
|
|
buttons={[
|
|
{
|
|
text: "Shop All Feed", href: "#products"},
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "hero-media-1", imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-feeding-his-goats-milk-from-bottle-farm_23-2149211714.jpg", imageAlt: "Happy cows grazing in a lush green pasture"},
|
|
{
|
|
id: "hero-media-2", imageSrc: "http://img.b2bpic.net/free-photo/curious-chickens-looking-different-directions_23-2148315347.jpg", imageAlt: "Chickens pecking at grain feed in a coop"},
|
|
{
|
|
id: "hero-media-3", imageSrc: "http://img.b2bpic.net/free-photo/shetland-snackbar_181624-11165.jpg", imageAlt: "A majestic horse eating oats in a stable"},
|
|
{
|
|
id: "hero-media-4", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-food-near-chewing-bones_23-2147799952.jpg", imageAlt: "An energetic dog happily eating kibble from a bowl"},
|
|
{
|
|
id: "hero-media-5", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bread-crumbs-bowl-marble-surface_114579-61309.jpg", imageAlt: "A domestic cat enjoying its wet food meal"},
|
|
{
|
|
id: "hero-media-6", imageSrc: "http://img.b2bpic.net/free-photo/small-platter-placed-pile-straw-filled-with-red-beans-navy-beans-marble-surface_114579-71450.jpg", imageAlt: "A wide assortment of premium animal feed bags displayed"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Your Trusted Local Feed Supplier"
|
|
description="At Farm & Feed Co., we're passionate about animal health and well-being. For over 30 years, we've been dedicated to sourcing and providing the highest quality feed, supplements, and farm supplies. Our commitment to local farmers and pet owners ensures your animals receive the best nutrition available."
|
|
buttons={[
|
|
{
|
|
text: "Our Story", href: "#"},
|
|
{
|
|
text: "Meet the Team", href: "#team"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-holding-bottle-goat-milk_23-2148673028.jpg"
|
|
imageAlt="Friendly farmer inspecting feed bags in a well-stocked store"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Premium Quality Ingredients", description: "We meticulously select only the finest grains, proteins, and essential nutrients to formulate our feed, ensuring optimal health and vitality for your animals.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hand-holding-white-sunflower-seeds-with-shelled-sunflower-seeds-wooden-bowl-beige-wooden-table_141793-88670.jpg", imageAlt: "Hand scooping organic chicken feed"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-chickens-grass-farm-sunny-day_181624-11060.jpg", imageAlt: "Healthy happy chickens in a coop"}
|
|
},
|
|
{
|
|
title: "Expert Nutritional Guidance", description: "Our knowledgeable team provides personalized advice and recommendations to help you choose the perfect feed for your animals' specific needs, from young to mature.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-bone-his-dog_23-2148872576.jpg", imageAlt: "Person checking dog food ingredients"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-beagle-dog-sitting-park_23-2148045779.jpg", imageAlt: "Energetic dog running in a field"}
|
|
},
|
|
{
|
|
title: "Sustainable & Local Sourcing", description: "We prioritize working with local farms and suppliers, reducing our environmental footprint and supporting our community while delivering fresh, reliable products.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-holding-raw-brown-kidney-beans_114579-76859.jpg", imageAlt: "Hand mixing horse feed grains"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-girl-farm-wiith-horse_1157-38089.jpg", imageAlt: "Majestic horse in a green pasture"}
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Why Choose Farm & Feed Co.?"
|
|
description="Discover the core values and benefits that set us apart as your preferred animal feed store."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "cow-feed", name: "Premium Cattle Feed", price: "$35.99", variant: "50lb Bag", imageSrc: "http://img.b2bpic.net/free-photo/woman-milking-cow_23-2148568660.jpg", imageAlt: "Bag of Premium Cattle Feed"},
|
|
{
|
|
id: "chicken-feed", name: "Organic Layer Mash", price: "$28.50", variant: "40lb Bag", imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-corn-kernels-hen-farm_23-2147907322.jpg", imageAlt: "Bag of Organic Layer Mash Chicken Feed"},
|
|
{
|
|
id: "dog-kibble", name: "High-Protein Dog Kibble", price: "$49.00", variant: "30lb Bag", imageSrc: "http://img.b2bpic.net/free-photo/corn-balls-bowl-blue-surface_114579-67267.jpg", imageAlt: "Bag of High-Protein Dog Kibble"},
|
|
{
|
|
id: "cat-food", name: "Gourmet Feline Blend", price: "$22.75", variant: "15lb Bag", imageSrc: "http://img.b2bpic.net/free-photo/white-bowl-healthy-chocolate-cereal-rings-breakfast_114579-86642.jpg", imageAlt: "Bag of Gourmet Feline Blend Cat Food"},
|
|
{
|
|
id: "horse-cubes", name: "Equine Performance Cubes", price: "$42.25", variant: "50lb Bag", imageSrc: "http://img.b2bpic.net/free-photo/sports-girl-morning-summer-park_1157-21071.jpg", imageAlt: "Bag of Equine Performance Cubes"},
|
|
{
|
|
id: "pig-grower", name: "Pig Grower Pellets", price: "$30.99", variant: "40lb Bag", imageSrc: "http://img.b2bpic.net/free-photo/mayonnaise-can-red-background_58702-2150.jpg", imageAlt: "Bag of Pig Grower Pellets"},
|
|
]}
|
|
title="Our Diverse Product Range"
|
|
description="Browse our selection of high-quality feed for all your farm animals and beloved pets."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "years-experience", value: "30+", title: "Years of Experience", description: "Decades dedicated to animal nutrition and farm supply.", icon: Gauge,
|
|
},
|
|
{
|
|
id: "satisfied-customers", value: "5K+", title: "Happy Customers", description: "Trusted by a growing community of farmers and pet owners.", icon: Users,
|
|
},
|
|
{
|
|
id: "product-range", value: "100+", title: "Quality Products", description: "A wide selection of feed, supplements, and accessories.", icon: Package,
|
|
},
|
|
]}
|
|
title="Our Impact & Dedication"
|
|
description="Farm & Feed Co. is proud of the trust and community we've built over the years."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Local Farmer", company: "Green Pastures Farm", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hugging-adorable-dog-cuddling-her-puppy-sofa-home_1258-198504.jpg", imageAlt: "Smiling woman with a happy dog"},
|
|
{
|
|
id: "2", name: "David L.", role: "Equestrian", company: "Golden Hoof Stables", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arab-tall-beard-man-wear-black-helmet-with-arabian-horse_627829-4251.jpg", imageAlt: "Man with a healthy looking horse"},
|
|
{
|
|
id: "3", name: "Emily R.", role: "Pet Parent", company: "Home Sweet Home", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-cat-being-happy-lovely_23-2148797407.jpg", imageAlt: "Happy woman holding a cat"},
|
|
{
|
|
id: "4", name: "Michael S.", role: "Poultry Breeder", company: "Cluck & Grow", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-hen_23-2149456924.jpg", imageAlt: "Farmer with healthy chickens"},
|
|
{
|
|
id: "5", name: "Jessica M.", role: "Small Holder", company: "Willow Creek Homestead", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/farmer-taking-care-photorealistic-goat-farm_23-2151465010.jpg", imageAlt: "Smiling man with a goat"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from satisfied farmers and pet owners about the difference Farm & Feed Co. makes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Do you offer bulk discounts?", content: "Yes, we offer competitive bulk pricing for larger orders. Please contact our sales team for a custom quote based on your specific needs and quantity requirements."},
|
|
{
|
|
id: "faq-2", title: "What are your delivery options?", content: "We provide local delivery services within a 50-mile radius. For orders outside this area, we partner with reliable freight carriers. Pick-up options are also available at our store location during business hours."},
|
|
{
|
|
id: "faq-3", title: "Can I return unused feed?", content: "Unopened and undamaged bags of feed can be returned within 30 days of purchase with a valid receipt. Perishable items and opened bags are generally non-returnable for health and safety reasons."},
|
|
{
|
|
id: "faq-4", title: "Do you carry organic feed options?", content: "Absolutely! We stock a wide range of certified organic feed for various animals, including poultry, livestock, and pets. Look for the 'Organic' label on our product pages or ask our staff for assistance."},
|
|
{
|
|
id: "faq-5", title: "How do I choose the right feed?", content: "Choosing the right feed depends on your animal's species, age, weight, activity level, and specific dietary needs. Our expert staff are always here to help guide you through our selection to ensure optimal nutrition for your animals."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our products and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Need Assistance or Have a Question?"
|
|
description="Our friendly team is here to help with any inquiries about our products, orders, or animal nutrition advice."
|
|
buttons={[
|
|
{
|
|
text: "Call Us Today", href: "tel:+1234567890"},
|
|
{
|
|
text: "Send Us an Email", href: "mailto:info@farmfeed.com"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/sun-shining-field-covered-with-fog_53876-138059.jpg"
|
|
imageAlt="Sunset over a tranquil farm field"
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h3zeju"
|
|
logoAlt="Farm & Feed Co. Logo"
|
|
logoText="Farm & Feed Co."
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Products", href: "#products"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Shipping & Returns", href: "#"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Facebook", href: "https://facebook.com/farmfeedco"},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/farmfeedco"},
|
|
{
|
|
label: "Twitter", href: "https://twitter.com/farmfeedco"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Farm & Feed Co. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|