239 lines
11 KiB
TypeScript
239 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { CheckCircle } from "lucide-react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<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"},
|
|
]}
|
|
brandName="AgroTrade"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
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"},
|
|
]}
|
|
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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Bridging Markets with Expertise"
|
|
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."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
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="Our Specialized Agency Services"
|
|
description="We offer comprehensive trade management to ensure your procurement process is secure and efficient."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
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"},
|
|
]}
|
|
title="Our Reach and Expertise"
|
|
description="Helping clients manage millions in food commodity trades."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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"},
|
|
]}
|
|
title="What Our Partners Say"
|
|
description="Our dedication to professional trade support resonates with clients worldwide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
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."},
|
|
]}
|
|
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."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<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"},
|
|
]}
|
|
/>
|
|
</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: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="AgroTrade"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|