diff --git a/src/app/page.tsx b/src/app/page.tsx index e67d3bb..50b89b9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" /> @@ -58,23 +56,17 @@ export default function HomePage() { @@ -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} /> +
+ +
+
@@ -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."}, ]} />
@@ -380,13 +280,9 @@ export default function HomePage() { diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..4dca86c 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -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(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 32, + fontWeight = 700, + letterSpacing = 0, +}) => { + const textLength = text.length * (fontSize * 0.6); return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;