Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b83bedfefd | |||
| 25a4d16934 | |||
| 22948619f9 | |||
| 25d0623e9c | |||
| 091026ef32 | |||
| 866be79bda | |||
| 322182a091 |
231
src/app/page.tsx
231
src/app/page.tsx
@@ -2,234 +2,155 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import { Utensils, Flame, Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Acasă", id: "hero"},
|
||||
{
|
||||
name: "Povestea Noastră", id: "about"},
|
||||
{
|
||||
name: "Preparate", id: "products"},
|
||||
{
|
||||
name: "Recenzii", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Acasă", id: "hero" },
|
||||
{ name: "Despre", id: "about" },
|
||||
{ name: "Produse", id: "products" },
|
||||
{ name: "Recenzii", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bella Street Food"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Bella Street Food & Grill"
|
||||
<HeroOverlayTestimonial
|
||||
title="Gustul Autentic al Mici-lor de la Dedulești, Gătiți la Jar"
|
||||
description="Savurează autenticii Mici de la Dedulești, gătiți la jar pentru o experiență culinară tradițională."
|
||||
buttons={[
|
||||
{
|
||||
text: "Vezi Meniul", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-slices-with-baked-vegetables-wooden-table_140725-9681.jpg", imageAlt: "Grill autentic"},
|
||||
{
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-hot-dogs_23-2150347441.jpg", imageAlt: "Preparate proaspete"},
|
||||
{
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-making-barbecue-together_23-2149412514.jpg", imageAlt: "Preparare la jar"},
|
||||
{
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/roasted-stuffed-chicken-decorated-with-pomegranate-walnuts-black-board-rice-white-plate-wooden-table_141793-2918.jpg", imageAlt: "Platou gustos"},
|
||||
{
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-wooden-table_181624-18937.jpg", imageAlt: "Atmosferă"},
|
||||
{
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assorted-meat-kebab-with-onions-spices-fresh-salad_141793-1535.jpg", imageAlt: "Specialitate grill"},
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-slices-with-baked-vegetables-wooden-table_140725-9681.jpg"
|
||||
buttons={[{ text: "Vezi Meniul", href: "#products" }]}
|
||||
testimonials={[
|
||||
{ name: "Radu Barjac", handle: "@radub", testimonial: "Cei mai buni mici din Ardeal!", rating: 5 },
|
||||
{ name: "Maria Popescu", handle: "@mariap", testimonial: "O experiență culinară autentică.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
<AboutMetric
|
||||
title="Tradiție și Gust în inima Ardealului"
|
||||
description={[
|
||||
"Suntem singura locație din Ardeal unde poți savura autenticii Mici de la Dedulești, gătiți la jar. Ne mândrim cu păstrarea savoarei și autenticității rețetelor tradiționale românești, oferind clienților noștri o experiență culinară de neuitat în Șimleu Silvaniei."]}
|
||||
metrics={[
|
||||
{ icon: Utensils, label: "Rețete Tradiționale", value: "100%" },
|
||||
{ icon: Flame, label: "Gătit la Jar", value: "Autentic" },
|
||||
{ icon: Star, label: "Rating Google", value: "5.0" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
<FeatureCardSixteen
|
||||
title="Bella vs. Standard"
|
||||
description="Descoperă de ce suntem diferiți."
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ingrediente Proaspete", description: "Folosim doar carne proaspătă de cea mai bună calitate.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-raw-t-bone-steak_23-2148440928.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/dry-aged-wagyu-tomahawk-steak-wooden-cutting-board-with-spices-parsley_333098-103.jpg", buttonText: "Află mai mult"},
|
||||
{
|
||||
title: "Gătit la Jar", description: "Metoda tradițională care conferă aroma inconfundabilă.", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-checking-ashes-bonfire_23-2148253375.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/burning-firewood-with-bright-flame-flickering-coals_23-2148253413.jpg", buttonText: "Află mai mult"},
|
||||
{
|
||||
title: "Serviciu Prietenos", description: "Echipa noastră te așteaptă mereu cu zâmbetul pe buze.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-pretty-delivery-girl-wearing-red-uniform-cap-looking-side-holding-food-containers-talking-phone-isolated-purple-background-with-copy-space_141793-91044.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-drinks_23-2149537019.jpg", buttonText: "Află mai mult"},
|
||||
]}
|
||||
title="De ce să alegi Bella?"
|
||||
description="Fiecare preparat reflectă pasiunea noastră pentru gustul autentic."
|
||||
animationType="blur-reveal"
|
||||
negativeCard={{ items: ["Produse congelate", "Gătit rapid", "Fără tradiție"] }}
|
||||
positiveCard={{ items: ["Ingrediente proaspete", "Gătit la jar", "Tradiție pură"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
<ProductCardThree
|
||||
title="Meniul Nostru"
|
||||
description="Preparate tradiționale gătite cu drag."
|
||||
textboxLayout="split-description"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Mici de Dedulești", price: "20 lei", variant: "Porție", imageSrc: "http://img.b2bpic.net/free-photo/fork-with-roast-sausages-platter_23-2148167628.jpg"},
|
||||
{
|
||||
id: "p2", name: "Hotdog Fenomenal", price: "25 lei", variant: "Gustare", imageSrc: "http://img.b2bpic.net/free-photo/hot-dog-with-sausage-cucumber-tomato-lettuce-dark-wooden-table-summer-hotdog-top-view_2829-16979.jpg"},
|
||||
{
|
||||
id: "p3", name: "Cârnați la Jar", price: "30 lei", variant: "Porție", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-us-labor-day_23-2150378687.jpg"},
|
||||
{
|
||||
id: "p4", name: "Ceafă la Grătar", price: "35 lei", variant: "Porție", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pork-ribs-steak-wooden-board-food-styling_53876-65448.jpg"},
|
||||
{
|
||||
id: "p5", name: "Piept de Pui", price: "32 lei", variant: "Porție", imageSrc: "http://img.b2bpic.net/free-photo/peeled-potato-near-raw-chicken-legs_23-2147716945.jpg"},
|
||||
{
|
||||
id: "p6", name: "Burger Bella", price: "40 lei", variant: "Delicios", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheesy-meat-burger-with-tomatoes-grey-surface-bun-fries-sandwich-meat_140725-81846.jpg"},
|
||||
{ id: "p1", name: "Mici de Dedulești", price: "20 lei", imageSrc: "http://img.b2bpic.net/free-photo/fork-with-roast-sausages-platter_23-2148167628.jpg" },
|
||||
{ id: "p2", name: "Hotdog Fenomenal", price: "25 lei", imageSrc: "http://img.b2bpic.net/free-photo/hot-dog-with-sausage-cucumber-tomato-lettuce-dark-wooden-table-summer-hotdog-top-view_2829-16979.jpg" },
|
||||
{ id: "p3", name: "Cârnăciori", price: "22 lei", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausages-with-vegetables-wooden-table_23-2148167628.jpg" }
|
||||
]}
|
||||
title="Meniul Nostru Delicios"
|
||||
description="Preparate tradiționale gătite cu drag, exact pe gustul tău."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
<TestimonialCardFive
|
||||
title="Ce spun clienții noștri"
|
||||
description="Aprecierile tale ne motivează zilnic."
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Radu Barjac", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg"},
|
||||
{
|
||||
id: "t2", name: "Ciprian Boşca", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-volunteer-girl-organizing-non-perishable-canned-items-donating-underprivileged-female-charity-workers-generously-sharing-food-needy-spreading-happiness-homeless-shelter_482257-70286.jpg"},
|
||||
{
|
||||
id: "t3", name: "Razvan Sandor", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg"},
|
||||
{
|
||||
id: "t4", name: "Maria Popescu", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-691.jpg"},
|
||||
{
|
||||
id: "t5", name: "Andrei Ionescu", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222258.jpg"},
|
||||
{ id: "t1", name: "Radu Barjac", date: "2024-05-12", title: "Excelent", quote: "O experiență culinară de neuitat!", tag: "Client", avatarSrc: "https://i.pravatar.cc/150?u=1" },
|
||||
{ id: "t2", name: "Maria Popescu", date: "2024-05-14", title: "Autentic", quote: "Gustul de acasă, gătit la jar.", tag: "Client", avatarSrc: "https://i.pravatar.cc/150?u=2" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0", label: "Rating Google"},
|
||||
{
|
||||
value: "71+", label: "Recenzii"},
|
||||
{
|
||||
value: "100%", label: "Satisfacție"},
|
||||
]}
|
||||
title="Ce spun clienții noștri"
|
||||
description="Aprecierile tale ne motivează să fim tot mai buni în fiecare zi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
title="Parteneri și Comunitate"
|
||||
names={["Comunitatea Locală", "Producători Locali", "Șimleu Silvaniei"]}
|
||||
description="Suntem mândri de comunitatea noastră."
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Partener Calitate", "Tradiție Ardeleană", "Grătar la Jar", "Micii de Dedulești", "Fast Food Premium", "Servicii Locale", "Bella Grill"]}
|
||||
title="Parteneri și Comunitate"
|
||||
description="Suntem mândri să fim parte din comunitatea Șimleu Silvaniei."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
<FaqSplitText
|
||||
sideTitle="Întrebări frecvente"
|
||||
sideDescription="Tot ce vrei să știi."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Unde vă aflați?", content: "Strada Partizanilor, Șimleu Silvaniei. [Vezi pe Google Maps](https://www.google.com/maps/search/?api=1&query=Bella+Street+Food+Simleu+Silvaniei)"},
|
||||
{
|
||||
id: "f2", title: "Când sunteți deschiși?", content: "Suntem deschiși zilnic până la ora 21:00."},
|
||||
{
|
||||
id: "f3", title: "Cum pot comanda?", content: "Ne poți suna la 0771 747 500 pentru comenzi telefonice."},
|
||||
{ id: "f1", title: "Unde vă aflați?", content: "Strada Partizanilor, Șimleu Silvaniei." },
|
||||
{ id: "f2", title: "Cum pot comanda?", content: "Sună la 0771 747 500." }
|
||||
]}
|
||||
title="Întrebări frecvente"
|
||||
description="Tot ce vrei să știi despre experiența Bella Street Food."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Te așteptăm cu preparate delicioase la Bella Street Food & Grill!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Sună Acum", href: "tel:0771747500"},
|
||||
]}
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Ești gata pentru un festin?"
|
||||
description="Sună acum sau vizitează-ne pentru o experiență culinară tradițională."
|
||||
buttons={[{ text: "Sună Acum", href: "tel:0771747500" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoReveal
|
||||
logoText="Bella Street Food"
|
||||
columns={[
|
||||
{
|
||||
title: "Link-uri", items: [
|
||||
{
|
||||
label: "Acasă", href: "#hero"},
|
||||
{
|
||||
label: "Meniu", href: "#products"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Program: Zilnic până la 21", href: "#"},
|
||||
{
|
||||
label: "Telefon: 0771 747 500", href: "tel:0771747500"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Bella Street Food & Grill. Toate drepturile rezervate."
|
||||
leftLink={{ text: "Politică de Confidențialitate", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Bella Street Food", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user