Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-27 19:17:41 +00:00

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Clock, Flame, Leaf, Pizza, Zap } from "lucide-react";
import { Award, Clock, Flame, Leaf, Zap, Pizza } from "lucide-react";
export default function LandingPage() {
return (
@@ -20,423 +20,166 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
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: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#products",
},
{
name: "Reviews",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Pizzeria Los Amigos"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Pizzeria Los Amigos"
button={{ text: "Order Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Authentic Taste, Served with Passion"
description="Experience the perfect balance of crispy thin crust and premium ingredients at Pizzeria Los Amigos. Fast, fresh, and surprisingly delightful."
testimonials={[
{
name: "Maria Garcia",
handle: "@mariag",
testimonial: "The best pizza in town! The masa is incredibly authentic and flavorful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-mixed-race-young-family-couple-have-tasty-dish_273609-44915.jpg",
},
{
name: "Juan Perez",
handle: "@juanp",
testimonial: "Surprisingly tasty and incredibly fast. The Salad Santa Maria is a must-try!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg",
},
{
name: "Elena R.",
handle: "@elena",
testimonial: "The mass is fine and original. Really loved the bravas too!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-pizza_52683-88491.jpg",
},
{
name: "Carlos M.",
handle: "@carlos",
testimonial: "Excellent price and even better product. Surprising quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-eating-pizza-drink-lemonade-restaurant_627829-5425.jpg",
},
{
name: "Sofia G.",
handle: "@sofia",
testimonial: "Very friendly staff and incredibly fast. Will definitely return.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24365.jpg",
},
]}
buttons={[
{
text: "View Our Menu",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-arugula-pizza_23-2148574288.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/top-view-person-having-pasta-dish_23-2148149158.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/pasta-with-cheese-tomatoes_140725-3501.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/stir-fried-spaghetti-with-organic-vegetables_53876-41248.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203583.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/photo-satisfied-teenage-girl-with-dark-healthy-skin-enjoys-delicious-meal-holds-piece-pizza_273609-18724.jpg",
alt: "Customer 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Artisanal Dough",
},
{
type: "text",
text: "Freshly Sourced",
},
{
type: "text",
text: "Fast Delivery",
},
{
type: "text",
text: "Premium Ingredients",
},
{
type: "text",
text: "Italian Authentic",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Authentic Taste, Served with Passion"
description="Experience the perfect balance of crispy thin crust and premium ingredients at Pizzeria Los Amigos. Fast, fresh, and surprisingly delightful."
testimonials={[
{ name: "Maria Garcia", handle: "@mariag", testimonial: "The best pizza in town! The masa is incredibly authentic and flavorful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-mixed-race-young-family-couple-have-tasty-dish_273609-44915.jpg" },
{ name: "Juan Perez", handle: "@juanp", testimonial: "Surprisingly tasty and incredibly fast. The Salad Santa Maria is a must-try!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg" },
{ name: "Elena R.", handle: "@elena", testimonial: "The mass is fine and original. Really loved the bravas too!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-pizza_52683-88491.jpg" },
{ name: "Carlos M.", handle: "@carlos", testimonial: "Excellent price and even better product. Surprising quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-eating-pizza-drink-lemonade-restaurant_627829-5425.jpg" },
{ name: "Sofia G.", handle: "@sofia", testimonial: "Very friendly staff and incredibly fast. Will definitely return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24365.jpg" }
]}
buttons={[{ text: "View Our Menu", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-arugula-pizza_23-2148574288.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/top-view-person-having-pasta-dish_23-2148149158.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/pasta-with-cheese-tomatoes_140725-3501.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/stir-fried-spaghetti-with-organic-vegetables_53876-41248.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203583.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/photo-satisfied-teenage-girl-with-dark-healthy-skin-enjoys-delicious-meal-holds-piece-pizza_273609-18724.jpg", alt: "Customer 5" }
]}
marqueeItems={[{ type: "text", text: "Artisanal Dough" }, { type: "text", text: "Freshly Sourced" }, { type: "text", text: "Fast Delivery" }, { type: "text", text: "Premium Ingredients" }, { type: "text", text: "Italian Authentic" }]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Why We Are The Best"
metrics={[
{
icon: Clock,
label: "Fast Delivery",
value: "15m",
},
{
icon: Pizza,
label: "Hand-crafted Masa",
value: "100%",
},
{
icon: Award,
label: "Five Star Rated",
value: "500+",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Why We Are The Best"
metrics={[
{ icon: Clock, label: "Fast Delivery", value: "15m" },
{ icon: Pizza, label: "Hand-crafted Masa", value: "100%" },
{ icon: Award, label: "Five Star Rated", value: "500+" }
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Pizza Diavolo",
price: "$14.99",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg?_wi=1",
},
{
id: "p2",
name: "Margherita Classica",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-chicken-mushrooms-vegetable-salad_140725-7044.jpg?_wi=1",
},
{
id: "p3",
name: "Vegetariana Special",
price: "$15.99",
imageSrc: "http://img.b2bpic.net/free-photo/view-arugula-pizza-arrangement_23-2148574276.jpg",
},
{
id: "p4",
name: "Calzone Diavolo",
price: "$16.50",
imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195155.jpg",
},
{
id: "p5",
name: "Salad Santa Maria",
price: "$10.99",
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-vegetable-salad_1203-9262.jpg",
},
{
id: "p6",
name: "Patatas Bravas",
price: "$6.99",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-potato-fried-little-along-with-red-tomatoes-red-wine-grey-surface_140725-14481.jpg",
},
]}
title="Our Signature Creations"
description="Explore our chef-selected menu featuring premium ingredients and authentic techniques."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Pizza Diavolo", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg" },
{ id: "p2", name: "Margherita Classica", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-chicken-mushrooms-vegetable-salad_140725-7044.jpg" },
{ id: "p3", name: "Vegetariana Special", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/view-arugula-pizza-arrangement_23-2148574276.jpg" },
{ id: "p4", name: "Calzone Diavolo", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195155.jpg" },
{ id: "p5", name: "Salad Santa Maria", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-vegetable-salad_1203-9262.jpg" },
{ id: "p6", name: "Patatas Bravas", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-potato-fried-little-along-with-red-tomatoes-red-wine-grey-surface_140725-14481.jpg" }
]}
title="Our Signature Creations"
description="Explore our chef-selected menu featuring premium ingredients and authentic techniques."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Artisanal Dough",
description: "Our signature thin-crust masa is fermented for 24 hours.",
icon: Flame,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-arrangement_23-2148601619.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-dark-surface-meal-food-dough-snack-pizza-italian_140725-101755.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-arugula-pizza_23-2148574288.jpg?_wi=2",
imageAlt: "delicious diavolo pizza close up",
},
{
title: "Fresh Ingredients",
description: "We only use premium, natural vegetables and high-quality cheese.",
icon: Leaf,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-pieces-herbs-salad_140725-3756.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-crisps-crackers-inside-white-plate-wooden-desk-grey-surface_140725-20332.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg?_wi=2",
imageAlt: "delicious diavolo pizza close up",
},
{
title: "Rapid Fire Preparation",
description: "Efficiency meets excellence for quick and tasty dining.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cook-cuts-edge-kutaba-with-herbs-cheese-board_141793-4323.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-chicken-mushrooms-vegetable-salad_140725-7044.jpg?_wi=2",
imageAlt: "delicious diavolo pizza close up",
},
]}
title="Crafted To Perfection"
description="Every dish is prepared with fresh, natural, and locally sourced components."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Artisanal Dough", description: "Our signature thin-crust masa is fermented for 24 hours.", icon: Flame, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-arrangement_23-2148601619.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-dark-surface-meal-food-dough-snack-pizza-italian_140725-101755.jpg" }] },
{ title: "Fresh Ingredients", description: "We only use premium, natural vegetables and high-quality cheese.", icon: Leaf, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-pieces-herbs-salad_140725-3756.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-view-crisps-crackers-inside-white-plate-wooden-desk-grey-surface_140725-20332.jpg" }] },
{ title: "Rapid Fire Preparation", description: "Efficiency meets excellence for quick and tasty dining.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-cook-cuts-edge-kutaba-with-herbs-cheese-board_141793-4323.jpg" }] }
]}
title="Crafted To Perfection"
description="Every dish is prepared with fresh, natural, and locally sourced components."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"TripAdvisor",
"Yelp",
"Google Reviews",
"UberEats",
"Foodora",
"Deliveroo",
"Local Magazine",
]}
title="Trusted by Food Lovers"
description="Join thousands of satisfied customers who choose us daily."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["TripAdvisor", "Yelp", "Google Reviews", "UberEats", "Foodora", "Deliveroo", "Local Magazine"]}
title="Trusted by Food Lovers"
description="Join thousands of satisfied customers who choose us daily."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena R.",
handle: "@elena",
testimonial: "The mass is fine and original. Really loved the bravas too!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg",
},
{
id: "t2",
name: "Carlos M.",
handle: "@carlos",
testimonial: "Excellent price and even better product. Surprising quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-eats-spaghetti-with-meat-grated-cheese_141793-5168.jpg",
},
{
id: "t3",
name: "Sofia G.",
handle: "@sofia",
testimonial: "Very friendly staff and incredibly fast. Will definitely return.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20331.jpg",
},
{
id: "t4",
name: "Marc B.",
handle: "@marc",
testimonial: "Best pizzeria experience in the neighborhood. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2149212148.jpg",
},
{
id: "t5",
name: "Laura D.",
handle: "@laura",
testimonial: "I did not expect much but was truly surprised. Huge pizzas!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/guys-eat-pasta-with-drinks_140725-4393.jpg",
},
]}
showRating={true}
title="Loved By Our Guests"
description="What our customers are saying about our delicious creations."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Elena R.", handle: "@elena", testimonial: "The mass is fine and original. Really loved the bravas too!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg" },
{ id: "t2", name: "Carlos M.", handle: "@carlos", testimonial: "Excellent price and even better product. Surprising quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-eats-spaghetti-with-meat-grated-cheese_141793-5168.jpg" },
{ id: "t3", name: "Sofia G.", handle: "@sofia", testimonial: "Very friendly staff and incredibly fast. Will definitely return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20331.jpg" },
{ id: "t4", name: "Marc B.", handle: "@marc", testimonial: "Best pizzeria experience in the neighborhood. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2149212148.jpg" },
{ id: "t5", name: "Laura D.", handle: "@laura", testimonial: "I did not expect much but was truly surprised. Huge pizzas!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guys-eat-pasta-with-drinks_140725-4393.jpg" }
]}
showRating={true}
title="Loved By Our Guests"
description="What our customers are saying about our delicious creations."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer delivery?",
content: "Yes, we offer fast delivery service in the surrounding areas.",
},
{
id: "f2",
title: "Are your ingredients natural?",
content: "Absolutely! We pride ourselves on using fresh, natural ingredients.",
},
{
id: "f3",
title: "Do you cater for events?",
content: "Yes, we can cater for private events and parties. Contact us for details.",
},
]}
title="Common Questions"
description="Find everything you need to know about our service and menu."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer fast delivery service in the surrounding areas." },
{ id: "f2", title: "Are your ingredients natural?", content: "Absolutely! We pride ourselves on using fresh, natural ingredients." },
{ id: "f3", title: "Do you cater for events?", content: "Yes, we can cater for private events and parties. Contact us for details." }
]}
title="Common Questions"
description="Find everything you need to know about our service and menu."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Stay Connected"
title="Join Our Mailing List"
description="Get exclusive offers and news delivered to your inbox."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Stay Connected"
title="Join Our Mailing List"
description="Get exclusive offers and news delivered to your inbox."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Los Amigos"
columns={[
{
title: "Explore",
items: [
{
label: "Menu",
href: "#products",
},
{
label: "About Us",
href: "#about",
},
],
},
{
title: "Help",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Los Amigos"
columns={[
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }] },
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}