Merge version_2 into main #2
165
src/app/page.tsx
165
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: "Services", id: "features"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ 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={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
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={[{ text: "Work With Us", 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"
|
||||
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"},
|
||||
]}
|
||||
imageAlt="Agricultural produce"
|
||||
/>
|
||||
</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: "We vet and introduce you to suitable suppliers tailored exactly to your technical specifications.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executives-greeting-each-other_1098-2853.jpg"},
|
||||
{
|
||||
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: "Partner Introduction", description: "Connecting you with trusted, vetted partners that meet your strict quality specifications.", buttonIcon: Target },
|
||||
{ title: "Contract Negotiation", description: "Expert support in negotiating fair and secure contracts to protect your trade business.", buttonIcon: Award },
|
||||
{ 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="Our Specialized Agency Services"
|
||||
description="We offer comprehensive trade management to ensure your procurement process is secure and efficient."
|
||||
title="Our Agency Services"
|
||||
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: "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: "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"},
|
||||
{ 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: "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" },
|
||||
]}
|
||||
title="Our Reach and Expertise"
|
||||
description="Helping clients manage millions in food commodity trades."
|
||||
title="Why Choose Us"
|
||||
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: "Sarah Johnson", role: "Head of Sourcing", company: "Global Foods", 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"},
|
||||
{ id: "1", name: "Global Food Corp", role: "Procurement Director", company: "International Buyer", rating: 5 },
|
||||
{ id: "2", name: "Latam Agribusiness", role: "Director", company: "Supplier Partner", rating: 5 },
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Our dedication to professional trade support resonates with clients worldwide."
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We pride ourselves on successful, sustainable trade partnerships."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,10 +111,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AgriCorp", "LatinSupply", "GlobalFoodNet", "BioFarming", "SafeTest"]}
|
||||
title="Trusted Network"
|
||||
description="Collaborating with leading industry names in food production and distribution."
|
||||
names={["Grains & Seeds", "Fresh Produce", "Organic Ingredients", "Processed Foods"]}
|
||||
title="Our Sourcing Verticals"
|
||||
description="We specialize in the best raw materials across the continent."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,16 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "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."},
|
||||
{ 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: "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." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spacious-warehouse-filled-with-commercial-goods-supplies_482257-83381.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Understanding our process is key to a successful partnership."
|
||||
title="Core Competencies"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -195,44 +134,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to source the best from Latin America? Contact us today to start your successful trade business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "mailto:hello@agrotrade.com"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to source raw materials in Latin America? Let's discuss your requirements today."
|
||||
buttons={[{ text: "Contact Our Agency", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
logoText="AgroTrade"
|
||||
logoText="AgroTrade Agency"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f7f9f9;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #311d72;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #e25a47;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #311d72;
|
||||
--background-accent: #e25a47;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user