313 lines
16 KiB
TypeScript
313 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-vegan-food-logos-set_23-2147561928.jpg"
|
|
logoAlt="Carnes Saludables Guatemala Logo"
|
|
brandName="Carnes Saludables Guatemala"
|
|
button={{
|
|
text: "Order Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Excellence in Every Cut, Delivered On Time"
|
|
description="Premium meats from Guatemala's most trusted supplier. Quality guaranteed, competitive pricing, reliable delivery—direct to your business with full traceability."
|
|
tag="Guaranteed Quality"
|
|
tagAnimation="none"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Selection", href: "#products"},
|
|
]}
|
|
buttonAnimation="none"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg", imageAlt: "Premium beef cut ready for cooking"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-pork-chop_1339-5738.jpg", imageAlt: "Fresh pork ribs on a tray"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by 100+ Businesses"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Our Commitment to Quality"
|
|
description="Carnes Saludables de Guatemala is dedicated to being the leading premium meat distributor. We ensure exceptional quality, traceability, and consistent supply, empowering your business with the finest ingredients and dependable service."
|
|
metrics={[
|
|
{
|
|
value: "500+", title: "Happy Restaurants"},
|
|
{
|
|
value: "100%", title: "Quality Assurance"},
|
|
{
|
|
value: "24/7", title: "Dedicated Support"},
|
|
]}
|
|
tag="About Us"
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-pouring-olive-oil-from-bottle-steak-piece-plate_141793-160.jpg"
|
|
imageAlt="Chef inspecting meat quality"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Inconsistent Supplier Quality", "Unpredictable Availability", "Poor Logistics & Delays", "Limited Product Variety"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Premium Grade Quality Meats", "Guaranteed On-Time Delivery", "Full Traceability & Freshness", "Diverse Product Catalog"],
|
|
}}
|
|
title="Why Choose Carnes Saludables?"
|
|
description="We address your pain points with reliable quality, predictable availability, and seamless logistics, ensuring your kitchen always runs efficiently."
|
|
tag="Our Advantages"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "beef", brand: "CSG", name: "Premium Beef Cuts", price: "Market Price", rating: 5,
|
|
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/raw-beef-slices-with-fresh-spices-vegetables-dark-background_1150-24792.jpg", imageAlt: "Assortment of premium beef cuts"},
|
|
{
|
|
id: "pork", brand: "CSG", name: "Fresh Pork Selection", price: "Market Price", rating: 5,
|
|
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/composition-healthy-frozen-food_23-2148923189.jpg", imageAlt: "Variety of fresh pork products"},
|
|
{
|
|
id: "chicken", brand: "CSG", name: "Whole & Cut Chicken", price: "Market Price", rating: 5,
|
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sausage-with-raw-chicken-dark-background-color-food-burger-sandwich-meat-bread_179666-46275.jpg", imageAlt: "Fresh whole chicken and cuts"},
|
|
{
|
|
id: "processed", brand: "CSG", name: "Artisanal Processed Meats", price: "Market Price", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/juicy-fruit-lozenge-own-production-with-dried-fruits_7502-9294.jpg", imageAlt: "Assortment of processed meats"},
|
|
{
|
|
id: "specialty", brand: "CSG", name: "Specialty Game Meats", price: "Market Price", rating: 5,
|
|
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-cleaver-with-spices-herbs_23-2148611026.jpg", imageAlt: "Exotic and specialty meat cuts"},
|
|
{
|
|
id: "organic", brand: "CSG", name: "Organic & Grass-Fed", price: "Market Price", rating: 5,
|
|
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-meat-with-vegetables-spices-marble-background-high-quality-photo_114579-64770.jpg", imageAlt: "Organic and grass-fed meat products"},
|
|
]}
|
|
title="Discover Our Premium Selection"
|
|
description="From succulent beef to tender chicken and flavorful pork, our extensive catalog meets all your culinary needs with guaranteed freshness and quality."
|
|
tag="Our Products"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", title: "Starter Pack", price: "Contact Us", period: "Monthly", features: [
|
|
"Standard Product Catalog", "Weekly Delivery Slots", "Online Order Tracking", "Dedicated Account Manager"],
|
|
button: {
|
|
text: "Get Started", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-two-tattooed-hands-three-steaks-white-craft-paper-old-wooden-table_346278-541.jpg", imageAlt: "Meat delivery logistics"},
|
|
{
|
|
id: "pro", title: "Growth Partner", price: "Custom Quote", period: "Monthly", features: [
|
|
"Extended Product Catalog", "Flexible Delivery Schedule", "Priority Support", "Custom Cut Options"],
|
|
button: {
|
|
text: "Request Quote", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720765.jpg", imageAlt: "Chef preparing gourmet meal"},
|
|
{
|
|
id: "enterprise", title: "Enterprise Solutions", price: "Volume Pricing", period: "Annually", features: [
|
|
"Full Product Portfolio Access", "On-Demand Delivery", "24/7 Premium Support", "Personalized Procurement"],
|
|
button: {
|
|
text: "Inquire Now", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-products-glass-counter_7502-4756.jpg", imageAlt: "Butcher shop owner checking stock"},
|
|
]}
|
|
title="Flexible Plans for Every Business"
|
|
description="Tailored solutions for restaurants, butcher shops, and food businesses. Choose the plan that best fits your volume and operational needs for maximum efficiency and savings."
|
|
tag="Wholesale Pricing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Impactful Results, Unwavering Trust"
|
|
tag="Our Metrics"
|
|
tagAnimation="none"
|
|
metrics={[
|
|
{
|
|
id: "deliveries", value: "99.8%", description: "On-Time Deliveries"},
|
|
{
|
|
id: "rating", value: "5-Star", description: "Customer Ratings"},
|
|
{
|
|
id: "partners", value: "100+", description: "Partner Restaurants"},
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Chef Maria Rodriguez", handle: "@LaCocinaGT", testimonial: "Carnes Saludables provides exceptional quality and reliable delivery. Their beef is consistently tender, and our customers rave about it. A true partner!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-cook-white-cook-suit-white-head-cap-posing-smiling_140725-15538.jpg", imageAlt: "Chef Maria Rodriguez"},
|
|
{
|
|
id: "2", name: "Juan Pérez", handle: "@ElCarnicero", testimonial: "As a butcher shop owner, freshness and variety are key. Carnes Saludables exceeds expectations, helping me expand my offerings and delight my clientele.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-fresh-cut-meat-market_613910-16059.jpg", imageAlt: "Juan Pérez, butcher shop owner"},
|
|
{
|
|
id: "3", name: "Pedro Sánchez", handle: "@RestauranteFino", testimonial: "Their service is unparalleled. From custom cuts to prompt deliveries, Carnes Saludables ensures our kitchen runs smoothly with the best ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548713.jpg", imageAlt: "Pedro Sánchez, restaurant owner"},
|
|
{
|
|
id: "4", name: "Ana Morales", handle: "@SaboresGT", testimonial: "The traceability and quality guarantee from Carnes Saludables gives me peace of mind. Their pork and chicken are fantastic, and pricing is competitive.", imageSrc: "http://img.b2bpic.net/free-photo/cook-white-uniform-tests-soup-from-ladle_1398-366.jpg", imageAlt: "Ana Morales, kitchen manager"},
|
|
{
|
|
id: "5", name: "Ricardo Flores", handle: "@FusionBistro", testimonial: "Seamless ordering, consistent quality, and a fantastic range of products. Carnes Saludables has become an indispensable part of our supply chain.", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-butcher-black-gloves-salts-tied-piece-meat-smoke-it_346278-619.jpg", imageAlt: "Ricardo Flores, head chef"},
|
|
]}
|
|
title="What Our Partners Say"
|
|
description="Hear directly from restaurant owners and chefs who trust Carnes Saludables for their premium meat supply."
|
|
tag="Testimonials"
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is your delivery range?", content: "We offer reliable delivery services across all major regions of Guatemala. Contact us with your location for specific details and scheduling options."},
|
|
{
|
|
id: "2", title: "Do you offer custom cuts for specific recipes?", content: "Yes, we provide custom cutting services to meet your unique culinary requirements. Our expert butchers can prepare meats precisely to your specifications."},
|
|
{
|
|
id: "3", title: "What are your payment terms for wholesale orders?", content: "We offer flexible payment terms for our B2B partners, including net 30 options. Please discuss your needs with your dedicated account manager."},
|
|
{
|
|
id: "4", title: "How do you ensure the freshness and quality of your meats?", content: "We adhere to strict quality control protocols, including rigorous sourcing, temperature-controlled logistics, and a commitment to full traceability from farm to your business."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-cartoon-scene-depicting-variety-people-multitasking_23-2151294582.jpg"
|
|
imageAlt="Meat traceability diagram"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
title="Common Questions"
|
|
description="Find answers to frequently asked questions about our products, delivery, and services."
|
|
tag="FAQ"
|
|
tagAnimation="none"
|
|
faqsAnimation="slide-up"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to elevate your menu? Partner with Carnes Saludables for premium meats and unparalleled service. Get in touch today for a custom quote and discover the difference quality makes."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "mailto:info@carnessaludables.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{
|
|
label: "Beef", href: "#products"},
|
|
{
|
|
label: "Pork", href: "#products"},
|
|
{
|
|
label: "Chicken", href: "#products"},
|
|
{
|
|
label: "Processed Meats", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "/privacy"},
|
|
{
|
|
label: "Terms of Service", href: "/terms"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Carnes Saludables"
|
|
copyrightText="© 2024 Carnes Saludables de Guatemala. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|