Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -23,7 +23,7 @@ export default function LandingPage() {
         sizing="largeSizeMediumTitles"
         background="none"
         cardStyle="solid"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="layered"
         headingFontWeight="semibold"
     >
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Browse",
+          name: "Browse",          id: "livestock"},
-          id: "livestock",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="AgroTrade"
     />
@@ -55,19 +47,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       logoText="Premium Livestock Marketplace"
-      description="Discover high-quality cattle, sheep, and goats sourced directly from certified farms. Market-leading transparency and quality assurance."
+      description="Discover high-quality cattle, sheep, and goats with guaranteed health and dedicated logistics support. Our platform ensures every transaction is secure, transparent, and designed for your total peace of mind."
       buttons={[
         {
-          text: "Browse Animals",
+          text: "Browse Animals",          href: "#livestock"},
-          href: "#livestock",
-        },
         {
-          text: "Sell Your Livestock",
+          text: "Sell Your Livestock",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/black-sheep-portrait_23-2151208393.jpg"
       mediaAnimation="blur-reveal"
@@ -80,26 +67,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Elite",
+          tag: "Elite",          title: "Angus Prime",          subtitle: "High Yield Breed",          description: "Robust health, excellent meat quality, ideal for commercial farming.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-animals-sanctuary-soledad_53876-63328.jpg"},
-          title: "Angus Prime",
-          subtitle: "High Yield Breed",
-          description: "Robust health, excellent meat quality, ideal for commercial farming.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-animals-sanctuary-soledad_53876-63328.jpg",
-        },
         {
-          tag: "Elite",
+          tag: "Elite",          title: "Hereford",          subtitle: "Hardy Variety",          description: "Renowned for adaptability to diverse environments and temperament.",          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-herd-sheep-eating-grass-pasture_23-2148214286.jpg"},
-          title: "Hereford",
-          subtitle: "Hardy Variety",
-          description: "Renowned for adaptability to diverse environments and temperament.",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-herd-sheep-eating-grass-pasture_23-2148214286.jpg",
-        },
         {
-          tag: "Elite",
+          tag: "Elite",          title: "Holstein",          subtitle: "Dairy Excellence",          description: "Global standards for milk production and genetic stability.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589963.jpg"},
-          title: "Holstein",
-          subtitle: "Dairy Excellence",
-          description: "Global standards for milk production and genetic stability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589963.jpg",
-        },
       ]}
       title="Cattle Marketplace"
       description="Explore our curated selection of top-tier cattle breeds. Optimized for high yield and health."
@@ -112,26 +84,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "Premium",
+          tag: "Premium",          title: "Merino",          subtitle: "Wool Quality",          description: "World-class wool softness and yield for textile production.",          imageSrc: "http://img.b2bpic.net/free-photo/simple-portrait-sheep_23-2151195496.jpg"},
-          title: "Merino",
-          subtitle: "Wool Quality",
-          description: "World-class wool softness and yield for textile production.",
-          imageSrc: "http://img.b2bpic.net/free-photo/simple-portrait-sheep_23-2151195496.jpg",
-        },
         {
-          tag: "Premium",
+          tag: "Premium",          title: "Boer Goat",          subtitle: "Meat Industry",          description: "Highly sought after for rapid growth rates and healthy meat profile.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589955.jpg"},
-          title: "Boer Goat",
-          subtitle: "Meat Industry",
-          description: "Highly sought after for rapid growth rates and healthy meat profile.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589955.jpg",
-        },
         {
-          tag: "Premium",
+          tag: "Premium",          title: "Dorper",          subtitle: "Easy Care",          description: "Low maintenance, high fertility breeds suitable for all pastures.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sheep-nature_23-2151195483.jpg"},
-          title: "Dorper",
-          subtitle: "Easy Care",
-          description: "Low maintenance, high fertility breeds suitable for all pastures.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sheep-nature_23-2151195483.jpg",
-        },
       ]}
       title="Sheep and Goats"
       description="Versatile, sustainable livestock perfect for niche and commercial agricultural projects."
@@ -145,20 +102,11 @@ export default function LandingPage() {
       tag="Trusted by Farmers"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15,000+",          description: "Animals Traded"},
-          value: "15,000+",
-          description: "Animals Traded",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "2,400+",          description: "Verified Sellers"},
-          value: "2,400+",
-          description: "Verified Sellers",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "99.8%",          description: "Transaction Success"},
-          value: "99.8%",
-          description: "Transaction Success",
-        },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -172,59 +120,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Farm A",          name: "Angus Steer",          price: "$1,200",          rating: 5,
-          brand: "Farm A",
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cows-walking-dirt-road_23-2148214260.jpg"},
-          name: "Angus Steer",
-          price: "$1,200",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cows-walking-dirt-road_23-2148214260.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "Farm B",          name: "Merino Ewe",          price: "$450",          rating: 4,
-          brand: "Farm B",
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-feeding-animals_23-2149147887.jpg"},
-          name: "Merino Ewe",
-          price: "$450",
-          rating: 4,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-feeding-animals_23-2149147887.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "Farm A",          name: "Boer Doe",          price: "$380",          rating: 5,
-          brand: "Farm A",
+          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/male-farm-looking-tablet_23-2148673076.jpg"},
-          name: "Boer Doe",
-          price: "$380",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-farm-looking-tablet_23-2148673076.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          brand: "Farm C",          name: "Holstein Heifer",          price: "$1,500",          rating: 5,
-          brand: "Farm C",
+          reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-lying-down-green-grass_268835-809.jpg"},
-          name: "Holstein Heifer",
-          price: "$1,500",
-          rating: 5,
-          reviewCount: "20",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-lying-down-green-grass_268835-809.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          brand: "Farm D",          name: "Dorper Ram",          price: "$520",          rating: 4,
-          brand: "Farm D",
+          reviewCount: "3",          imageSrc: "http://img.b2bpic.net/free-photo/majestic-ram-with-large-curved-horns-mountain-landscape_23-2151175490.jpg"},
-          name: "Dorper Ram",
-          price: "$520",
-          rating: 4,
-          reviewCount: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/majestic-ram-with-large-curved-horns-mountain-landscape_23-2151175490.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          brand: "Farm B",          name: "Hereford Bull",          price: "$2,100",          rating: 5,
-          brand: "Farm B",
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-buffalo-standing-rain_181624-54736.jpg"},
-          name: "Hereford Bull",
-          price: "$2,100",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-buffalo-standing-rain_181624-54736.jpg",
-        },
       ]}
       title="Top Marketplace Picks"
       description="Real-time livestock listings available for immediate trade."
@@ -239,45 +151,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Ali Karimov",          role: "Owner",          company: "UzGrow",          rating: 5,
-          name: "Ali Karimov",
+          imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-male-gardener-wearing-gardening-hat-pretends-taking-selfie-isolated-green-wall-with-copy-space_141793-107972.jpg"},
-          role: "Owner",
-          company: "UzGrow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-male-gardener-wearing-gardening-hat-pretends-taking-selfie-isolated-green-wall-with-copy-space_141793-107972.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Zarina B.",          role: "Head Buyer",          company: "Premium Meats",          rating: 5,
-          name: "Zarina B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-work_1098-12977.jpg"},
-          role: "Head Buyer",
-          company: "Premium Meats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-work_1098-12977.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Bakhtiyor S.",          role: "Farmer",          company: "Samarkand Livestock",          rating: 4,
-          name: "Bakhtiyor S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-bottle-goats-milk_23-2148673054.jpg"},
-          role: "Farmer",
-          company: "Samarkand Livestock",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-bottle-goats-milk_23-2148673054.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Elena V.",          role: "Manager",          company: "Tashkent Agro",          rating: 5,
-          name: "Elena V.",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-farmer-touching-tablet-pig-farm-while-pigs-domestic-animals-eating-background_342744-356.jpg"},
-          role: "Manager",
-          company: "Tashkent Agro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-farmer-touching-tablet-pig-farm-while-pigs-domestic-animals-eating-background_342744-356.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Farrukh D.",          role: "Trader",          company: "Bukhara Trade",          rating: 5,
-          name: "Farrukh D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-man-doing-groceries-shopping_23-2148956515.jpg"},
-          role: "Trader",
-          company: "Bukhara Trade",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-man-doing-groceries-shopping_23-2148956515.jpg",
-        },
       ]}
       title="Client Feedback"
       description="What our partners say about the marketplace."
@@ -290,20 +177,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How do I verify a seller?",          content: "All sellers undergo a 3-step verification process including site inspection and government tax ID checks."},
-          title: "How do I verify a seller?",
-          content: "All sellers undergo a 3-step verification process including site inspection and government tax ID checks.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Are there transport services?",          content: "Yes, we coordinate transport logistics across Uzbekistan using specialized livestock trucks."},
-          title: "Are there transport services?",
-          content: "Yes, we coordinate transport logistics across Uzbekistan using specialized livestock trucks.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "What payment methods?",          content: "We accept bank transfers, credit line payments, and cash on delivery for verified accounts."},
-          title: "What payment methods?",
-          content: "We accept bank transfers, credit line payments, and cash on delivery for verified accounts.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662977.jpg"
       title="Frequently Asked Questions"
@@ -316,20 +194,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Join the Network"
       title="Ready to Start Trading?"
       description="List your livestock today and reach thousands of verified buyers in Uzbekistan."
       buttons={[
         {
-          text: "Contact Telegram",
+          text: "Contact Telegram",          href: "https://t.me/agrotrade"},
-          href: "https://t.me/agrotrade",
-        },
         {
-          text: "Get Support",
+          text: "Get Support",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -341,9 +214,7 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: MessageCircle,
-          href: "https://t.me/agrotrade",
+          href: "https://t.me/agrotrade",          ariaLabel: "Telegram"},
-          ariaLabel: "Telegram",
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #ffffff;
-  --card: #171717;
+  --card: #f9f9f9;
-  --foreground: #f5f5f5;
+  --foreground: #1a0000;
-  --primary-cta: #4a7c59;
+  --primary-cta: #aa030a;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #3d2b1f;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #f5f5f5;
-  --accent: #262626;
+  --accent: #aa030a;
-  --background-accent: #171717;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);