bender/3d642a5d-41a5-470e-9d8e-e0f72494facb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-25 00:06:35 +00:00
parent ef794300c1
commit aafe338066
1 changed files with 146 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files

571
src/app/page.tsx
View File

@@ -28,440 +28,161 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Tres Mares"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Tres Mares"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Tres Mares Argentina: Excellence in Every Wave"
description="Providing world-class services across the Argentinian coast with a commitment to quality and innovation."
testimonials={[
{
name: "Alejandro S.",
handle: "@ales",
testimonial: "Exceptional service from start to finish. Highly professional team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
},
{
name: "Maria C.",
handle: "@mariac",
testimonial: "Tres Mares delivered quality beyond our expectations. Reliable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/star-best-success-reward-prize-excellent-great-concept_53876-13717.jpg",
},
{
name: "Julian R.",
handle: "@juliandr",
testimonial: "The best partner for our coastal operations. Truly world-class.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
},
{
name: "Sofia G.",
handle: "@sofiag",
testimonial: "Professional, efficient, and top-tier quality. Great results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carefree-african-american-businesswoman-showing-tongue-having-fun_176420-26990.jpg",
},
{
name: "Diego V.",
handle: "@diegov",
testimonial: "Absolutely satisfied with their commitment to excellence.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11375.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
alt: "Happy client 1",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Happy client 2",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Happy client 3",
},
{
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
alt: "Happy client 4",
},
{
src: "http://img.b2bpic.net/free-photo/supportive-coworkers_1098-18020.jpg",
alt: "Happy client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Coastal Expertise",
},
{
type: "text",
text: "Logistics Excellence",
},
{
type: "text",
text: "Global Standards",
},
{
type: "text",
text: "Strategic Solutions",
},
{
type: "text",
text: "Proven Reliability",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Tres Mares Argentina: Excellence in Every Wave"
description="Providing world-class services across the Argentinian coast with a commitment to quality and innovation."
testimonials={[
{ name: "Alejandro S.", handle: "@ales", testimonial: "Exceptional service from start to finish. Highly professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
{ name: "Maria C.", handle: "@mariac", testimonial: "Tres Mares delivered quality beyond our expectations. Reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/star-best-success-reward-prize-excellent-great-concept_53876-13717.jpg" },
{ name: "Julian R.", handle: "@juliandr", testimonial: "The best partner for our coastal operations. Truly world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" },
{ name: "Sofia G.", handle: "@sofiag", testimonial: "Professional, efficient, and top-tier quality. Great results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-african-american-businesswoman-showing-tongue-having-fun_176420-26990.jpg" },
{ name: "Diego V.", handle: "@diegov", testimonial: "Absolutely satisfied with their commitment to excellence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11375.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Happy client 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Happy client 2" },
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Happy client 3" },
{ src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Happy client 4" },
{ src: "http://img.b2bpic.net/free-photo/supportive-coworkers_1098-18020.jpg", alt: "Happy client 5" },
]}
marqueeItems={[
{ type: "text", text: "Coastal Expertise" },
{ type: "text", text: "Logistics Excellence" },
{ type: "text", text: "Global Standards" },
{ type: "text", text: "Strategic Solutions" },
{ type: "text", text: "Proven Reliability" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="About Tres Mares Argentina"
description="We are a leading organization based in Argentina, specialized in coastal development, logistics, and premium service delivery."
imageSrc="http://img.b2bpic.net/free-photo/interior-part-modern-open-space-office_181624-20722.jpg"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="About Tres Mares Argentina"
description="We are a leading organization based in Argentina, specialized in coastal development, logistics, and premium service delivery."
imageSrc="http://img.b2bpic.net/free-photo/interior-part-modern-open-space-office_181624-20722.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Service Excellence",
tags: [
"Reliable",
"Fast",
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-ballot_23-2148265570.jpg",
},
{
id: "f2",
title: "Efficient Logistics",
tags: [
"Secure",
"Global",
],
imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-front-side-with-white-background_187299-39833.jpg",
},
{
id: "f3",
title: "Dedicated Support",
tags: [
"24/7",
"Friendly",
],
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-analyzing-performance-metrics-her-computer-workplace_482257-123828.jpg",
},
]}
title="Our Core Pillars"
description="Built on a foundation of reliability, efficiency, and professional integrity."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Service Excellence", tags: ["Reliable", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-ballot_23-2148265570.jpg" },
{ id: "f2", title: "Efficient Logistics", tags: ["Secure", "Global"], imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-front-side-with-white-background_187299-39833.jpg" },
{ id: "f3", title: "Dedicated Support", tags: ["24/7", "Friendly"], imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-analyzing-performance-metrics-her-computer-workplace_482257-123828.jpg" },
]}
title="Our Core Pillars"
description="Built on a foundation of reliability, efficiency, and professional integrity."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "TM Services",
name: "Premium Logistics",
price: "Custom",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709931.jpg",
},
{
id: "p2",
brand: "TM Services",
name: "Coastal Development",
price: "Custom",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970222.jpg",
},
{
id: "p3",
brand: "TM Services",
name: "Strategic Consulting",
price: "Custom",
rating: 5,
reviewCount: "54",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-trendy-luxurious-evening-clutches-with-golden-chains_181624-7311.jpg",
},
{
id: "p4",
brand: "TM Services",
name: "Resource Management",
price: "Custom",
rating: 5,
reviewCount: "72",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-paper-sheets_23-2148187907.jpg",
},
{
id: "p5",
brand: "TM Services",
name: "Executive Solutions",
price: "Custom",
rating: 5,
reviewCount: "61",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248203.jpg",
},
{
id: "p6",
brand: "TM Services",
name: "Global Partner Support",
price: "Custom",
rating: 5,
reviewCount: "48",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091303.jpg",
},
]}
title="Our Specialized Offerings"
description="Select from our curated list of professional services designed for your unique needs."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "TM Services", name: "Premium Logistics", price: "Custom", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709931.jpg" },
{ id: "p2", brand: "TM Services", name: "Coastal Development", price: "Custom", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970222.jpg" },
{ id: "p3", brand: "TM Services", name: "Strategic Consulting", price: "Custom", rating: 5, reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-trendy-luxurious-evening-clutches-with-golden-chains_181624-7311.jpg" },
{ id: "p4", brand: "TM Services", name: "Resource Management", price: "Custom", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-paper-sheets_23-2148187907.jpg" },
{ id: "p5", brand: "TM Services", name: "Executive Solutions", price: "Custom", rating: 5, reviewCount: "61", imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248203.jpg" },
{ id: "p6", brand: "TM Services", name: "Global Partner Support", price: "Custom", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091303.jpg" },
]}
title="Our Specialized Offerings"
description="Select from our curated list of professional services designed for your unique needs."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Essential",
price: "$1,999",
subtitle: "Perfect for starting partnerships",
features: [
"Core Service Access",
"Standard Support",
"Monthly Reporting",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
},
{
id: "pro",
badge: "Professional",
price: "$4,999",
subtitle: "Optimized for growing teams",
features: [
"Advanced Service Access",
"Priority Support",
"Weekly Strategy",
"Custom Solutions",
],
buttons: [
{
text: "Get Pro",
href: "#",
},
],
},
{
id: "ent",
badge: "Enterprise",
price: "$9,999",
subtitle: "For large-scale operations",
features: [
"Full Service Suite",
"Dedicated Support Manager",
"24/7 Global Access",
"Custom Integrations",
],
buttons: [
{
text: "Contact Us",
href: "#",
},
],
},
]}
title="Flexible Service Plans"
description="Choose a plan that fits your business objectives and budget."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "basic", badge: "Essential", price: "$1,999", subtitle: "Perfect for starting partnerships", features: ["Core Service Access", "Standard Support", "Monthly Reporting"], buttons: [{ text: "Get Started", href: "#" }] },
{ id: "pro", badge: "Professional", price: "$4,999", subtitle: "Optimized for growing teams", features: ["Advanced Service Access", "Priority Support", "Weekly Strategy", "Custom Solutions"], buttons: [{ text: "Get Pro", href: "#" }] },
{ id: "ent", badge: "Enterprise", price: "$9,999", subtitle: "For large-scale operations", features: ["Full Service Suite", "Dedicated Support Manager", "24/7 Global Access", "Custom Integrations"], buttons: [{ text: "Contact Us", href: "#" }] },
]}
title="Flexible Service Plans"
description="Choose a plan that fits your business objectives and budget."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alejandro S.",
role: "CEO, Logistics Group",
testimonial: "The professionalism at Tres Mares is unmatched. They are truly the industry standard in Argentina.",
imageSrc: "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",
},
{
id: "t2",
name: "Maria C.",
role: "Director, Trade Co",
testimonial: "Strategic, efficient, and deeply committed to our company's success. Outstanding.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
},
{
id: "t3",
name: "Julian R.",
role: "Product Manager, TechLab",
testimonial: "We found a partner that understands our vision. Highly recommend their suite of services.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
},
{
id: "t4",
name: "Sofia G.",
role: "Head of Operations",
testimonial: "Exceptional team that gets results. Always on time and above expectations.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-woman-shirt-showing-thumb-up_171337-2731.jpg",
},
{
id: "t5",
name: "Diego V.",
role: "Owner, Retail Corp",
testimonial: "Excellent service delivery across the board. Reliable, trustworthy, and expert.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg",
},
]}
title="Trusted by Leaders"
description="Hear what our valued partners have to say about working with Tres Mares."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Alejandro S.", role: "CEO, Logistics Group", testimonial: "The professionalism at Tres Mares is unmatched. They are truly the industry standard in Argentina.", imageSrc: "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" },
{ id: "t2", name: "Maria C.", role: "Director, Trade Co", testimonial: "Strategic, efficient, and deeply committed to our company's success. Outstanding.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg" },
{ id: "t3", name: "Julian R.", role: "Product Manager, TechLab", testimonial: "We found a partner that understands our vision. Highly recommend their suite of services.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg" },
{ id: "t4", name: "Sofia G.", role: "Head of Operations", testimonial: "Exceptional team that gets results. Always on time and above expectations.", imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-woman-shirt-showing-thumb-up_171337-2731.jpg" },
{ id: "t5", name: "Diego V.", role: "Owner, Retail Corp", testimonial: "Excellent service delivery across the board. Reliable, trustworthy, and expert.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg" },
]}
title="Trusted by Leaders"
description="Hear what our valued partners have to say about working with Tres Mares."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How can I get started?",
content: "Simply fill out our contact form and our team will get back to you shortly.",
},
{
id: "q2",
title: "What service areas do you cover?",
content: "We cover all major regions across the Argentinian coast and beyond.",
},
{
id: "q3",
title: "Do you offer custom plans?",
content: "Yes, we create custom service packages based on your unique business needs.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/customer-center-coworkers-cooperate-assisting-clients-with-installing-software_482257-125838.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "How can I get started?", content: "Simply fill out our contact form and our team will get back to you shortly." },
{ id: "q2", title: "What service areas do you cover?", content: "We cover all major regions across the Argentinian coast and beyond." },
{ id: "q3", title: "Do you offer custom plans?", content: "Yes, we create custom service packages based on your unique business needs." },
]}
imageSrc="http://img.b2bpic.net/free-photo/customer-center-coworkers-cooperate-assisting-clients-with-installing-software_482257-125838.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
text="Ready to scale your business with Tres Mares Argentina? Let's talk."
buttons={[
{
text: "Contact Us Now",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
text="Ready to scale your business with Tres Mares Argentina? Let's talk."
buttons={[{ text: "Contact Us Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Tres Mares Argentina"
columns={[
{
title: "Navigation",
items: [
{
label: "About",
href: "#about",
},
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Company",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Tres Mares Argentina"
columns={[
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Company", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Contact", href: "#contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}