Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-28 13:06:46 +00:00

View File

@@ -2,326 +2,137 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Clock, MapPin, Smartphone, Star, Zap } from "lucide-react";
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Zap, Clock, Award, Star, Smartphone, MapPin } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Menu",
id: "menu",
},
{
name: "Experience",
id: "experience",
},
{
name: "Location",
id: "location",
},
]}
brandName="NARCOBOLLO"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Menu", id: "menu" },
{ name: "Experience", id: "experience" },
{ name: "Location", id: "location" }
]}
brandName="NARCOBOLLO"
button={{ text: "Order Now", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="NARCOBOLLO"
description="The most authentic Caribbean flavor in Colombia. Legendary fritos, traditional recipes, and portions that actually satisfy."
buttons={[
{
text: "Order Now",
href: "#",
},
{
text: "Find Us",
href: "#location",
},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-high-end-cinematic-slow-motion-close-u-1774703145711-bb8c38fb.png",
imageAlt: "Crispy Colombian fritos",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/gourmet-carima-ola-served-on-a-stone-pla-1774703146755-e4916ad9.png?_wi=1",
imageAlt: "Carimañola",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/traditional-coconut-rice-with-fresh-seaf-1774703147084-570785ee.png?_wi=1",
imageAlt: "Coconut Rice",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/crispy-pork-belly-chicharr-n-macro-food--1774703149480-c85932a6.png?_wi=1",
imageAlt: "Chicharrón",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/close-up-of-an-authentic-arepa-de-huevo--1774703145729-3945662f.png?_wi=1",
imageAlt: "Arepa de Huevo",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/professional-interior-shot-of-an-upscale-1774703146112-2dae73f2.png?_wi=1",
imageAlt: "Restaurant ambiance",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="NARCOBOLLO"
description="The most authentic Caribbean flavor in Colombia. Legendary fritos, traditional recipes, and portions that actually satisfy."
buttons={[{ text: "Order Now", href: "#" }, { text: "Find Us", href: "#location" }]}
mediaItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-high-end-cinematic-slow-motion-close-u-1774703145711-bb8c38fb.png", imageAlt: "Crispy Colombian fritos" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/gourmet-carima-ola-served-on-a-stone-pla-1774703146755-e4916ad9.png", imageAlt: "Carimañola" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/traditional-coconut-rice-with-fresh-seaf-1774703147084-570785ee.png", imageAlt: "Coconut Rice" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/crispy-pork-belly-chicharr-n-macro-food--1774703149480-c85932a6.png", imageAlt: "Chicharrón" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/close-up-of-an-authentic-arepa-de-huevo--1774703145729-3945662f.png", imageAlt: "Arepa de Huevo" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/professional-interior-shot-of-an-upscale-1774703146112-2dae73f2.png", imageAlt: "Restaurant ambiance" }
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maria C.",
role: "Local Foodie",
company: "Barranquilla",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/portrait-of-a-happy-customer-enjoying-au-1774703157024-09f6730a.png?_wi=1",
},
{
id: "2",
name: "Juan R.",
role: "Visitor",
company: "Tourist",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/close-up-of-an-authentic-arepa-de-huevo--1774703145729-3945662f.png?_wi=2",
},
{
id: "3",
name: "Elena P.",
role: "Chef",
company: "Local",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-group-of-friends-laughing-while-eating-1774703146638-f8b5c17d.png?_wi=1",
},
{
id: "4",
name: "Carlos M.",
role: "Regular",
company: "Barranquilla",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/professional-interior-shot-of-an-upscale-1774703146112-2dae73f2.png?_wi=2",
},
{
id: "5",
name: "Sofia L.",
role: "Critic",
company: "Cartagena",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/portrait-of-a-happy-customer-enjoying-au-1774703157024-09f6730a.png?_wi=2",
},
]}
kpiItems={[
{
value: "20,000+",
label: "Reviews",
},
{
value: "4.4⭐",
label: "Average Rating",
},
{
value: "100%",
label: "Authentic",
},
]}
title="A Legacy of Flavor"
description="Based on over 20,000 real reviews, maintaining a 4.4⭐ average across the Caribbean coast."
/>
</div>
<div id="social-proof" data-section="social-proof">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="A Legacy of Flavor"
description="Based on over 20,000 real reviews, maintaining a 4.4⭐ average across the Caribbean coast."
testimonials={[
{ id: "1", name: "Maria C.", role: "Local Foodie", company: "Barranquilla", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/portrait-of-a-happy-customer-enjoying-au-1774703157024-09f6730a.png" },
{ id: "2", name: "Juan R.", role: "Visitor", company: "Tourist", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/close-up-of-an-authentic-arepa-de-huevo--1774703145729-3945662f.png" },
{ id: "3", name: "Elena P.", role: "Chef", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-group-of-friends-laughing-while-eating-1774703146638-f8b5c17d.png" },
{ id: "4", name: "Carlos M.", role: "Regular", company: "Barranquilla", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/professional-interior-shot-of-an-upscale-1774703146112-2dae73f2.png" },
{ id: "5", name: "Sofia L.", role: "Critic", company: "Cartagena", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/portrait-of-a-happy-customer-enjoying-au-1774703157024-09f6730a.png" }
]}
kpiItems={[
{ value: "20,000+", label: "Reviews" },
{ value: "4.4⭐", label: "Average Rating" },
{ value: "100%", label: "Authentic" }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Carimañolas",
price: "Premium",
variant: "Traditional",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/gourmet-carima-ola-served-on-a-stone-pla-1774703146755-e4916ad9.png?_wi=2",
},
{
id: "p2",
name: "Coconut Rice",
price: "Premium",
variant: "Signature",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/traditional-coconut-rice-with-fresh-seaf-1774703147084-570785ee.png?_wi=2",
},
{
id: "p3",
name: "Crispy Pork Belly",
price: "Premium",
variant: "Authentic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/crispy-pork-belly-chicharr-n-macro-food--1774703149480-c85932a6.png?_wi=2",
},
]}
title="Signature Favorites"
description="Traditional recipes prepared with premium local ingredients."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
title="Signature Favorites"
description="Traditional recipes prepared with premium local ingredients."
products={[
{ id: "p1", name: "Carimañolas", price: "Premium", variant: "Traditional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/gourmet-carima-ola-served-on-a-stone-pla-1774703146755-e4916ad9.png" },
{ id: "p2", name: "Coconut Rice", price: "Premium", variant: "Signature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/traditional-coconut-rice-with-fresh-seaf-1774703147084-570785ee.png" },
{ id: "p3", name: "Crispy Pork Belly", price: "Premium", variant: "Authentic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/crispy-pork-belly-chicharr-n-macro-food--1774703149480-c85932a6.png" }
]}
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Skip the Line",
description: "Order online and pick up your authentic Caribbean feast in minutes.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/professional-interior-shot-of-an-upscale-1774703146112-2dae73f2.png?_wi=3",
},
items: [
{
icon: Zap,
text: "Instant ordering",
},
{
icon: Clock,
text: "No waiting",
},
],
reverse: false,
},
{
id: "f2",
title: "Traditional Quality",
description: "We never compromise on our recipes. Real corn, hand-selected ingredients, and time-honored techniques.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/gourmet-carima-ola-served-on-a-stone-pla-1774703146755-e4916ad9.png?_wi=3",
},
items: [
{
icon: Award,
text: "Real ingredients",
},
{
icon: Star,
text: "100% Traditional",
},
],
reverse: true,
},
{
id: "f3",
title: "Everything at your Fingertips",
description: "Check seating, parking information, and combo availability in real-time.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-group-of-friends-laughing-while-eating-1774703146638-f8b5c17d.png?_wi=2",
},
items: [
{
icon: Smartphone,
text: "WhatsApp Integration",
},
{
icon: MapPin,
text: "Easy Access",
},
],
reverse: false,
},
]}
title="The New Narcobollo Experience"
description="Skip the line and embrace tradition without the wait."
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="The New Narcobollo Experience"
description="Skip the line and embrace tradition without the wait."
features={[
{ id: "f1", title: "Skip the Line", description: "Order online and pick up your authentic Caribbean feast in minutes.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/professional-interior-shot-of-an-upscale-1774703146112-2dae73f2.png" }, items: [{ icon: Zap, text: "Instant ordering" }, { icon: Clock, text: "No waiting" }], reverse: false },
{ id: "f2", title: "Traditional Quality", description: "We never compromise on our recipes. Real corn, hand-selected ingredients, and time-honored techniques.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/gourmet-carima-ola-served-on-a-stone-pla-1774703146755-e4916ad9.png" }, items: [{ icon: Award, text: "Real ingredients" }, { icon: Star, text: "100% Traditional" }], reverse: true },
{ id: "f3", title: "Everything at your Fingertips", description: "Check seating, parking information, and combo availability in real-time.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-group-of-friends-laughing-while-eating-1774703146638-f8b5c17d.png" }, items: [{ icon: Smartphone, text: "WhatsApp Integration" }, { icon: MapPin, text: "Easy Access" }], reverse: false }
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet the Masters of Tradition"
description="The heart and soul of our Caribbean kitchen."
members={[
{
id: "m1",
name: "Ana Rodriguez",
role: "Head Chef",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/portrait-of-a-happy-customer-enjoying-au-1774703157024-09f6730a.png?_wi=3",
},
{
id: "m2",
name: "Carlos Gomez",
role: "Operations",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-group-of-friends-laughing-while-eating-1774703146638-f8b5c17d.png?_wi=3",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet the Masters of Tradition"
description="The heart and soul of our Caribbean kitchen."
members={[
{ id: "m1", name: "Ana Rodriguez", role: "Head Chef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/portrait-of-a-happy-customer-enjoying-au-1774703157024-09f6730a.png" },
{ id: "m2", name: "Carlos Gomez", role: "Operations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZiVGoDvhRqjULWplsYQVXkMua/a-group-of-friends-laughing-while-eating-1774703146638-f8b5c17d.png" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Order Online",
href: "#",
},
],
},
{
items: [
{
label: "WhatsApp",
href: "#",
},
{
label: "Instagram",
href: "#",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Legal Notice",
href: "#",
},
],
},
]}
logoText="NARCOBOLLO"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="NARCOBOLLO"
columns={[
{ items: [{ label: "Menu", href: "#menu" }, { label: "Order Online", href: "#" }] },
{ items: [{ label: "WhatsApp", href: "#" }, { label: "Instagram", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Legal Notice", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);