Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { CheckCircle } from "lucide-react";
+import { CheckCircle, Users, BarChart3, Target, MapPin, Award } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -26,20 +26,16 @@ export default function LandingPage() {
         cardStyle="gradient-radial"
         primaryButtonStyle="double-inset"
         secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Services", id: "features" },
-        {
+        { name: "About", id: "about" },
-          name: "Services",          id: "features"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="AgroTrade"
     />
@@ -47,49 +43,22 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       title="Your Strategic Partner in Latin American Food Procurement"
-      description="Connecting international buyers with the highest quality raw materials in Latin America. We ensure seamless trade through expert local insight and end-to-end support."
+      description="We provide expert support and assistance to international buyers, connecting you with the finest raw materials in Latin America to build successful, long-term trade businesses."
-      buttons={[
+      buttons={[{ text: "Work With Us", href: "#contact" }]}
-        {
-          text: "Get Started",          href: "#contact"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg"
-      imageAlt="Agricultural harvest landscape"
+      imageAlt="Agricultural produce"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",          alt: "Business professional partner 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",          alt: "Business professional partner 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/african-american-man-female-colleague-working-together-office-workspace-business-partners_482257-136474.jpg",          alt: "Business professional partner 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-engineer-young-black-worker-handshaking-while-greeting-industrial-building_637285-4767.jpg",          alt: "Business professional partner 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-connected-business-people_53876-13592.jpg",          alt: "Business professional partner 5"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Grains"},
-        {
-          type: "text",          text: "Oilseeds"},
-        {
-          type: "text",          text: "Pulses"},
-        {
-          type: "text",          text: "Logistics"},
-        {
-          type: "text",          text: "Sustainability"},
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={false}
-      title="Bridging Markets with Expertise"
+      title="Expertise in Latin American Trade"
       description={[
-        "Based in Argentina, we are the vital link between Latin American producers and global markets. We simplify complex supply chains for our international clients.",        "Our commitment to quality, transparency, and efficiency has made us the trusted choice for sourcing raw materials across the region."]}
+        "Based in Argentina, our agency specializes in bridging the gap between Latin American food suppliers and international markets.",        "From supplier identification and contract negotiation to market insights and facility audits, we act as your local team on the ground, ensuring every transaction is transparent, efficient, and successful."
+      ]}
     />
   </div>
 
@@ -98,21 +67,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Partner Introduction", description: "Connecting you with trusted, vetted partners that meet your strict quality specifications.", buttonIcon: Target },
-          title: "Partner Introduction",          description: "We vet and introduce you to suitable suppliers tailored exactly to your technical specifications.",          buttonIcon: CheckCircle,
+        { title: "Contract Negotiation", description: "Expert support in negotiating fair and secure contracts to protect your trade business.", buttonIcon: Award },
-          imageSrc: "http://img.b2bpic.net/free-photo/executives-greeting-each-other_1098-2853.jpg"},
+        { title: "Delivery Assistance", description: "Full logistics oversight, assisting with product delivery to ensure reliability.", buttonIcon: MapPin },
-        {
+        { title: "In-situ Facility Audits", description: "Attend on-site visits and supplier facility audits on your behalf to guarantee standards.", buttonIcon: CheckCircle },
-          title: "Contract Negotiation",          description: "Professional support in negotiations to ensure fair and successful trade agreements for both sides.",          buttonIcon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-discussing-document_23-2149426539.jpg"},
-        {
-          title: "Delivery Assistance",          description: "Full end-to-end support for your product delivery, ensuring timely arrival and quality handling.",          buttonIcon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/treatment-study-genetically-engineered-strawberries-laboratory-by-group-scientist-test-tubes-with-green-solutions_482257-34487.jpg"},
-        {
-          title: "Market Insights",          description: "Provide data-driven market intelligence to help you make informed buying decisions every quarter.",          buttonIcon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg"},
       ]}
-      title="Our Specialized Agency Services"
+      title="Our Agency Services"
-      description="We offer comprehensive trade management to ensure your procurement process is secure and efficient."
+      description="Tailored support services designed to simplify your procurement journey across Latin America."
     />
   </div>
 
@@ -122,15 +83,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "100%", title: "Local Presence", description: "Deeply rooted in Argentina.", imageSrc: "http://img.b2bpic.net/free-photo/color-swatch-port-containers_23-2150022341.jpg" },
-          id: "m1",          value: "15+",          title: "Countries Served",          description: "Expanding global footprint.",          imageSrc: "http://img.b2bpic.net/free-photo/color-swatch-port-containers_23-2150022341.jpg"},
+        { id: "m2", value: "Regional", title: "Latin America Expertise", description: "Focus on high-quality sourcing.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827289.jpg" },
-        {
+        { id: "m3", value: "End-to-End", title: "Full Support", description: "From intro to delivery.", imageSrc: "http://img.b2bpic.net/free-photo/global-warming-illustration_23-2151878585.jpg" },
-          id: "m2",          value: "200+",          title: "Trusted Suppliers",          description: "Vetted and inspected.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827289.jpg"},
-        {
-          id: "m3",          value: "99%",          title: "Client Retention",          description: "Commitment to long term success.",          imageSrc: "http://img.b2bpic.net/free-photo/global-warming-illustration_23-2151878585.jpg"},
       ]}
-      title="Our Reach and Expertise"
+      title="Why Choose Us"
-      description="Helping clients manage millions in food commodity trades."
+      description="We combine local insight with global trade experience."
     />
   </div>
 
@@ -141,24 +99,11 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Global Food Corp", role: "Procurement Director", company: "International Buyer", rating: 5 },
-          id: "1",          name: "Sarah Johnson",          role: "Head of Sourcing",          company: "Global Foods",          rating: 5,
+        { id: "2", name: "Latam Agribusiness", role: "Director", company: "Supplier Partner", rating: 5 },
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"},
-        {
-          id: "2",          name: "Michael Chen",          role: "Supply Director",          company: "Asia Imports",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-engineers-business-partners-evaluates-solar-performance_482257-126094.jpg"},
-        {
-          id: "3",          name: "Emily Rodriguez",          role: "Purchase Manager",          company: "Euro Trade",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12815.jpg"},
-        {
-          id: "4",          name: "David Kim",          role: "CEO",          company: "Seoul Distro",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-lady-with-tablet-posing-business-center_1262-20336.jpg"},
-        {
-          id: "5",          name: "Elena Rossi",          role: "Procurement Lead",          company: "Med Agri",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-caring-plants_23-2148357511.jpg"},
       ]}
-      title="What Our Partners Say"
+      title="Trusted by Industry Leaders"
-      description="Our dedication to professional trade support resonates with clients worldwide."
+      description="We pride ourselves on successful, sustainable trade partnerships."
     />
   </div>
 
@@ -166,10 +111,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Grains & Seeds", "Fresh Produce", "Organic Ingredients", "Processed Foods"]}
-        "AgriCorp",        "LatinSupply",        "GlobalFoodNet",        "BioFarming",        "SafeTest"]}
+      title="Our Sourcing Verticals"
-      title="Trusted Network"
+      description="We specialize in the best raw materials across the continent."
-      description="Collaborating with leading industry names in food production and distribution."
     />
   </div>
 
@@ -178,16 +122,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "What makes your agency different?", content: "Our local presence in Argentina and our focus on comprehensive support, including audits and negotiation assistance." },
-          id: "f1",          title: "How do you vet suppliers?",          content: "We conduct in-situ facility visits and audits to ensure strict adherence to safety and quality."},
+        { id: "f2", title: "Do you assist with audits?", content: "Yes, we attend in-situ visits and supplier facility audits on behalf of our clients to ensure complete compliance." },
-        {
-          id: "f2",          title: "What commodities do you specialize in?",          content: "We cover a wide range of raw food materials including grains, oilseeds, and processed ingredients."},
-        {
-          id: "f3",          title: "Can you handle international contracts?",          content: "Yes, we support and guide both sides through the entire contract negotiation process."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/spacious-warehouse-filled-with-commercial-goods-supplies_482257-83381.jpg"
-      title="Frequently Asked Questions"
+      title="Core Competencies"
-      description="Understanding our process is key to a successful partnership."
+      description="We provide comprehensive support for your procurement needs."
+      mediaAnimation="slide-up"
       faqsAnimation="slide-up"
     />
   </div>
@@ -195,44 +136,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
+      text="Ready to source raw materials in Latin America? Let's discuss your requirements today."
-      text="Ready to source the best from Latin America? Contact us today to start your successful trade business."
+      buttons={[{ text: "Contact Our Agency", href: "#contact" }]}
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "mailto:hello@agrotrade.com"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
-          items: [
+        { items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#features"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Legal",              href: "#"},
-          ],
-        },
       ]}
-      logoText="AgroTrade"
+      logoText="AgroTrade Agency"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #f7f9f9;
-  --card: #dad6cd;
+  --card: #ffffff;
-  --foreground: #2a2928;
+  --foreground: #1a1a1a;
-  --primary-cta: #2a2928;
+  --primary-cta: #311d72;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #e25a47;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #311d72;
-  --background-accent: #c6b180;
+  --background-accent: #e25a47;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);