bender/cc84d64f-9f92-4443-b135-6db17a0d62d1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-12 10:51:14 +00:00
Conversation 0 Commits 2 Files Changed 2 +105 -216
2 changed files with 105 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';
import { Sprout, Leaf, Users, TrendingUp, Truck, Shield, Phone } from 'lucide-react';
import { Sprout, Leaf, Users, TrendingUp, Truck, Shield, Phone, Star } from 'lucide-react';
export default function HomePage() {
const navItems = [
@@ -31,7 +31,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -47,9 +47,7 @@ export default function HomePage() {
{ name: "Contact", id: "#contact" },
]}
button={{
text: "Shop Now",
href: "/products",
}}
text: "Shop Now", href: "/products"}}
brandName="AgroHub"
/>
</div>
@@ -58,23 +56,17 @@ export default function HomePage() {
<HeroCentered
title="Cultivate Growth with Premium Agricultural Solutions"
description="Access quality seeds, fertilizers, tools, and expertise from trusted agricultural suppliers. Empowering farmers and growers with sustainable solutions for modern farming."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-girl-holding-tablet_23-2148617241.jpg",
alt: "Sustainable agricultural landscape",
},
src: "http://img.b2bpic.net/free-photo/front-view-girl-holding-tablet_23-2148617241.jpg", alt: "Sustainable agricultural landscape"},
]}
avatarText="Trusted by 5,000+ farmers across the region"
buttons={[
{
text: "Browse Products",
href: "/products",
},
text: "Browse Products", href: "/products"},
{
text: "Learn More",
href: "/about",
},
text: "Learn More", href: "/about"},
]}
buttonAnimation="slide-up"
ariaLabel="Agricultural e-commerce hero section"
@@ -85,15 +77,10 @@ export default function HomePage() {
<TextSplitAbout
title="Supporting Sustainable Agriculture"
description={[
"AgroHub is committed to providing farmers, gardeners, and agricultural professionals with premium quality products and expert guidance. We source sustainable, high-performance solutions that enhance crop yields while protecting the environment.",
"Our platform connects you with verified suppliers, agricultural advisors, and a community of like-minded farmers dedicated to sustainable practices and agricultural innovation.",
"From organic seeds to advanced farming equipment, we offer comprehensive solutions for every stage of your agricultural journey.",
]}
"AgroHub is committed to providing farmers, gardeners, and agricultural professionals with premium quality products and expert guidance. We source sustainable, high-performance solutions that enhance crop yields while protecting the environment.", "Our platform connects you with verified suppliers, agricultural advisors, and a community of like-minded farmers dedicated to sustainable practices and agricultural innovation.", "From organic seeds to advanced farming equipment, we offer comprehensive solutions for every stage of your agricultural journey."]}
buttons={[
{
text: "Explore Our Mission",
href: "/about",
},
text: "Explore Our Mission", href: "/about"},
]}
showBorder={true}
useInvertedBackground={false}
@@ -106,49 +93,26 @@ export default function HomePage() {
title="Featured Products"
description="Discover our best-selling agricultural products trusted by thousands of farmers nationwide"
tag="Best Sellers"
tagIcon={Sparkles}
tagIcon={Star}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
products={[
{
id: "1",
brand: "AgroHub Seeds",
name: "Premium Hybrid Corn Seeds - High Yield Variety",
price: "$45.99",
rating: 5,
reviewCount: "2.3k",
imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-raw-beans-marble_114579-39042.jpg?_wi=1",
imageAlt: "Premium hybrid corn seeds packet",
},
id: "1", brand: "AgroHub Seeds", name: "Premium Hybrid Corn Seeds - High Yield Variety", price: "$45.99", rating: 5,
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-raw-beans-marble_114579-39042.jpg", imageAlt: "Premium hybrid corn seeds packet"},
{
id: "2",
brand: "Earth Nutrients",
name: "Organic NPK Fertilizer 10-10-10 - 50lb Bag",
price: "$32.50",
rating: 5,
reviewCount: "1.8k",
imageSrc: "http://img.b2bpic.net/free-photo/gardener-repotting-houseplant_53876-125350.jpg?_wi=1",
imageAlt: "Organic NPK fertilizer bag",
},
id: "2", brand: "Earth Nutrients", name: "Organic NPK Fertilizer 10-10-10 - 50lb Bag", price: "$32.50", rating: 5,
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/gardener-repotting-houseplant_53876-125350.jpg", imageAlt: "Organic NPK fertilizer bag"},
{
id: "3",
brand: "FarmTech Pro",
name: "Stainless Steel Garden Tool Set - 8 Pieces",
price: "$28.75",
rating: 4,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-celery-wooden-table-with-plastic-fork-shovel_23-2147844357.jpg?_wi=1",
imageAlt: "Professional farm tools set",
},
id: "3", brand: "FarmTech Pro", name: "Stainless Steel Garden Tool Set - 8 Pieces", price: "$28.75", rating: 4,
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-celery-wooden-table-with-plastic-fork-shovel_23-2147844357.jpg", imageAlt: "Professional farm tools set"},
]}
carouselMode="buttons"
buttons={[
{
text: "View All Products",
href: "/products",
},
text: "View All Products", href: "/products"},
]}
buttonAnimation="slide-up"
/>
@@ -161,43 +125,29 @@ export default function HomePage() {
features={[
{
icon: Sprout,
title: "Premium Quality Seeds",
description: "Certified organic and hybrid seeds selected for maximum yield and disease resistance",
},
title: "Premium Quality Seeds", description: "Certified organic and hybrid seeds selected for maximum yield and disease resistance"},
{
icon: Leaf,
title: "Sustainable Practices",
description: "Eco-friendly products and expert guidance supporting environmentally responsible farming",
},
title: "Sustainable Practices", description: "Eco-friendly products and expert guidance supporting environmentally responsible farming"},
{
icon: Users,
title: "Expert Support",
description: "Connect with agricultural advisors and experienced farmers for personalized guidance",
},
title: "Expert Support", description: "Connect with agricultural advisors and experienced farmers for personalized guidance"},
{
icon: TrendingUp,
title: "Competitive Pricing",
description: "Wholesale and bulk discounts for farms and agricultural cooperatives",
},
title: "Competitive Pricing", description: "Wholesale and bulk discounts for farms and agricultural cooperatives"},
{
icon: Truck,
title: "Fast Shipping",
description: "Reliable delivery to farms nationwide with tracking and insurance",
},
title: "Fast Shipping", description: "Reliable delivery to farms nationwide with tracking and insurance"},
{
icon: Shield,
title: "Guaranteed Quality",
description: "All products backed by quality guarantees and satisfaction assurance",
},
title: "Guaranteed Quality", description: "All products backed by quality guarantees and satisfaction assurance"},
]}
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -212,53 +162,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Marcus Thompson",
handle: "@marcusfarming",
testimonial: "AgroHub's premium seeds increased my corn yield by 23% this season. The quality and support are exceptional.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-man-talking-phone_23-2148233454.jpg?_wi=1",
imageAlt: "Marcus Thompson farmer portrait",
},
id: "1", name: "Marcus Thompson", handle: "@marcusfarming", testimonial: "AgroHub's premium seeds increased my corn yield by 23% this season. The quality and support are exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-man-talking-phone_23-2148233454.jpg", imageAlt: "Marcus Thompson farmer portrait"},
{
id: "2",
name: "Sarah Chen",
handle: "@sarahorganicfarm",
testimonial: "Finally found a supplier that truly understands sustainable farming. Their organic fertilizers are game-changers.",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-person_23-2149125176.jpg?_wi=1",
imageAlt: "Sarah Chen sustainable farmer",
},
id: "2", name: "Sarah Chen", handle: "@sarahorganicfarm", testimonial: "Finally found a supplier that truly understands sustainable farming. Their organic fertilizers are game-changers.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-person_23-2149125176.jpg", imageAlt: "Sarah Chen sustainable farmer"},
{
id: "3",
name: "James Rodriguez",
handle: "@rodriguezcooperative",
testimonial: "We've partnered with AgroHub for our entire cooperative. Reliable, professional, and competitive pricing.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-picking-tomatoes_1398-4240.jpg?_wi=1",
imageAlt: "James Rodriguez agricultural cooperative",
},
id: "3", name: "James Rodriguez", handle: "@rodriguezcooperative", testimonial: "We've partnered with AgroHub for our entire cooperative. Reliable, professional, and competitive pricing.", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-picking-tomatoes_1398-4240.jpg", imageAlt: "James Rodriguez agricultural cooperative"},
{
id: "4",
name: "Elena Kowalski",
handle: "@elenafarmtech",
testimonial: "Their tools and equipment are top-notch. The educational resources helped me modernize my farming operations.",
imageSrc: "http://img.b2bpic.net/free-photo/male-florist-using-digital-tablet-while-taking-care-flowers-plant-nursery_637285-1545.jpg?_wi=1",
imageAlt: "Elena Kowalski innovative farmer",
},
id: "4", name: "Elena Kowalski", handle: "@elenafarmtech", testimonial: "Their tools and equipment are top-notch. The educational resources helped me modernize my farming operations.", imageSrc: "http://img.b2bpic.net/free-photo/male-florist-using-digital-tablet-while-taking-care-flowers-plant-nursery_637285-1545.jpg", imageAlt: "Elena Kowalski innovative farmer"},
{
id: "5",
name: "David Patel",
handle: "@davidgrower",
testimonial: "Best customer service in the agricultural supply industry. They stand behind every product they sell.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-man-talking-phone_23-2148233454.jpg?_wi=2",
imageAlt: "David Patel farmer testimonial",
},
id: "5", name: "David Patel", handle: "@davidgrower", testimonial: "Best customer service in the agricultural supply industry. They stand behind every product they sell.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-man-talking-phone_23-2148233454.jpg", imageAlt: "David Patel farmer testimonial"},
{
id: "6",
name: "Patricia Williams",
handle: "@patriciafarmstead",
testimonial: "The variety and availability of products is impressive. Everything I need for successful harvests in one place.",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-person_23-2149125176.jpg?_wi=2",
imageAlt: "Patricia Williams farmstead owner",
},
id: "6", name: "Patricia Williams", handle: "@patriciafarmstead", testimonial: "The variety and availability of products is impressive. Everything I need for successful harvests in one place.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-person_23-2149125176.jpg", imageAlt: "Patricia Williams farmstead owner"},
]}
speed={40}
/>
@@ -271,28 +185,46 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"National Farm Bureau",
"Organic Farming Alliance",
"Agricultural Co-ops United",
"Sustainable Harvest Foundation",
"Global Farming Standards",
"Agricultural Excellence Council",
"Farmers Market Association",
]}
"National Farm Bureau", "Organic Farming Alliance", "Agricultural Co-ops United", "Sustainable Harvest Foundation", "Global Farming Standards", "Agricultural Excellence Council", "Farmers Market Association"]}
logos={[
"http://img.b2bpic.net/free-vector/labor-day-badges-collection-flat-style_23-2147866728.jpg",
"http://img.b2bpic.net/free-vector/paper-style-environment-day-labels-template_23-2149415265.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-flat-design-farmers-market-labels_23-2149335441.jpg",
"http://img.b2bpic.net/free-photo/farmer-rice-field-with-laptop_1150-6064.jpg",
"http://img.b2bpic.net/free-vector/earth-day-background_23-2147508125.jpg",
"http://img.b2bpic.net/free-vector/flat-design-free-trial-labels-stamps-design_23-2149354102.jpg",
"http://img.b2bpic.net/free-vector/flat-organic-fruit-label-set_23-2148125361.jpg",
]}
"http://img.b2bpic.net/free-vector/labor-day-badges-collection-flat-style_23-2147866728.jpg", "http://img.b2bpic.net/free-vector/paper-style-environment-day-labels-template_23-2149415265.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-farmers-market-labels_23-2149335441.jpg", "http://img.b2bpic.net/free-photo/farmer-rice-field-with-laptop_1150-6064.jpg", "http://img.b2bpic.net/free-vector/earth-day-background_23-2147508125.jpg", "http://img.b2bpic.net/free-vector/flat-design-free-trial-labels-stamps-design_23-2149354102.jpg", "http://img.b2bpic.net/free-vector/flat-organic-fruit-label-set_23-2148125361.jpg"]}
showCard={true}
speed={40}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Flexible Pricing for Every Farm"
description="Choose the plan that works best for your agricultural operation"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "homestead", title: "Homestead", price: "$0", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-raw-beans-marble_114579-39042.jpg", imageAlt: "Homestead plan preview", button: { text: "Get Started", href: "#" },
features: [
"Access to retail product catalog", "Standard shipping rates", "Email support", "Monthly agricultural newsletter", "Community forum access"],
},
{
id: "professional", title: "Professional", price: "$49", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/gardener-repotting-houseplant_53876-125350.jpg", imageAlt: "Professional plan features", button: { text: "Subscribe Now", href: "#" },
features: [
"5% discount on all orders", "Priority shipping & handling", "Phone & email support", "Exclusive product previews", "Quarterly farm consultation", "Bulk purchase options"],
},
{
id: "cooperative", title: "Cooperative", price: "$199", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-celery-wooden-table-with-plastic-fork-shovel_23-2147844357.jpg", imageAlt: "Cooperative plan details", button: { text: "Contact Sales", href: "#" },
features: [
"15% discount on wholesale orders", "Dedicated account manager", "Free shipping on orders 500+", "24/7 priority support", "Monthly advisory meetings", "Custom bulk pricing", "Extended payment terms"],
},
]}
buttons={[
{
text: "View Detailed Comparison", href: "#"},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
@@ -306,35 +238,17 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "What makes AgroHub seeds different?",
content: "Our seeds are sourced from certified suppliers and tested for germination rates, disease resistance, and yield potential. We offer both organic and hybrid varieties to suit different farming practices and environmental conditions.",
},
id: "1", title: "What makes AgroHub seeds different?", content: "Our seeds are sourced from certified suppliers and tested for germination rates, disease resistance, and yield potential. We offer both organic and hybrid varieties to suit different farming practices and environmental conditions."},
{
id: "2",
title: "Do you offer bulk discounts for cooperatives?",
content: "Yes! Our Cooperative plan provides 15% discounts on wholesale orders, custom pricing, dedicated account management, and extended payment terms. Contact our sales team for a customized quote based on your specific needs.",
},
id: "2", title: "Do you offer bulk discounts for cooperatives?", content: "Yes! Our Cooperative plan provides 15% discounts on wholesale orders, custom pricing, dedicated account management, and extended payment terms. Contact our sales team for a customized quote based on your specific needs."},
{
id: "3",
title: "What is your shipping policy?",
content: "We ship nationwide with standard, priority, and expedited options. Orders are carefully packaged to ensure product quality upon arrival. Professional and Cooperative members receive discounted or free shipping on qualified orders.",
},
id: "3", title: "What is your shipping policy?", content: "We ship nationwide with standard, priority, and expedited options. Orders are carefully packaged to ensure product quality upon arrival. Professional and Cooperative members receive discounted or free shipping on qualified orders."},
{
id: "4",
title: "Do you provide agricultural education resources?",
content: "Absolutely. We offer monthly newsletters, seasonal farming guides, expert consultations, and access to our community forum where farmers share best practices and advice. Professional members receive quarterly one-on-one farm consultations.",
},
id: "4", title: "Do you provide agricultural education resources?", content: "Absolutely. We offer monthly newsletters, seasonal farming guides, expert consultations, and access to our community forum where farmers share best practices and advice. Professional members receive quarterly one-on-one farm consultations."},
{
id: "5",
title: "Are all your products organic certified?",
content: "We offer both organic and conventional products. All organic items are clearly labeled with certifications. Our sustainable product line uses eco-friendly practices while conventional products meet industry safety standards.",
},
id: "5", title: "Are all your products organic certified?", content: "We offer both organic and conventional products. All organic items are clearly labeled with certifications. Our sustainable product line uses eco-friendly practices while conventional products meet industry safety standards."},
{
id: "6",
title: "How do I know if a product is right for my farm?",
content: "Our product pages include detailed specifications, climate recommendations, and soil compatibility information. For personalized recommendations, contact our agricultural advisors via email, phone, or chat support.",
},
id: "6", title: "How do I know if a product is right for my farm?", content: "Our product pages include detailed specifications, climate recommendations, and soil compatibility information. For personalized recommendations, contact our agricultural advisors via email, phone, or chat support."},
]}
animationType="smooth"
/>
@@ -345,33 +259,19 @@ export default function HomePage() {
ctaTitle="Get Expert Agricultural Guidance"
ctaDescription="Connect with our team of agricultural advisors for personalized product recommendations and farm consulting."
ctaButton={{
text: "Schedule Consultation",
href: "#",
}}
text: "Schedule Consultation", href: "#"}}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
faqs={[
{
id: "1",
title: "What are your business hours?",
content: "We're available Monday-Friday 8:00 AM - 6:00 PM EST, and Saturday 9:00 AM - 2:00 PM EST. Emergency support available for active wholesale customers.",
},
id: "1", title: "What are your business hours?", content: "We're available Monday-Friday 8:00 AM - 6:00 PM EST, and Saturday 9:00 AM - 2:00 PM EST. Emergency support available for active wholesale customers."},
{
id: "2",
title: "Can I return products if I'm not satisfied?",
content: "We offer a 30-day satisfaction guarantee on all products. Seeds must be unopened, and tools should be in resalable condition. Contact our support team to initiate a return.",
},
id: "2", title: "Can I return products if I'm not satisfied?", content: "We offer a 30-day satisfaction guarantee on all products. Seeds must be unopened, and tools should be in resalable condition. Contact our support team to initiate a return."},
{
id: "3",
title: "Do you offer seasonal farming guides?",
content: "Yes! Our monthly newsletters include seasonal planting guides, pest management tips, and weather-based recommendations specific to different growing zones.",
},
id: "3", title: "Do you offer seasonal farming guides?", content: "Yes! Our monthly newsletters include seasonal planting guides, pest management tips, and weather-based recommendations specific to different growing zones."},
{
id: "4",
title: "How can I join the farmers community?",
content: "Create an account on our website to access the community forum, where you can share experiences, ask questions, and connect with thousands of farmers nationwide.",
},
id: "4", title: "How can I join the farmers community?", content: "Create an account on our website to access the community forum, where you can share experiences, ask questions, and connect with thousands of farmers nationwide."},
]}
/>
</div>
@@ -380,13 +280,9 @@ export default function HomePage() {
<FooterLogoReveal
logoText="AgroHub"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
ariaLabel="AgroHub footer with policy links"
/>
</div>

63
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,44 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontWeight?: string | number;
letterSpacing?: number;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 32,
fontWeight = 700,
letterSpacing = 0,
}) => {
const textLength = text.length * (fontSize * 0.6);
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${Math.max(textLength, 100)} ${fontSize * 1.5}`}
className={`w-auto h-auto ${className}`}
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMidYMid meet"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize={fontSize}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill="currentColor"
className="font-sans"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;