140 lines
9.4 KiB
TypeScript
140 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
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"
|
|
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"
|
|
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", 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}
|
|
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}
|
|
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}
|
|
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" },
|
|
{ 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
|
|
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>
|
|
);
|
|
}
|