Initial commit
This commit is contained in:
Nikolay Pecheniev
198
src/app/page.tsx
Normal file
198
src/app/page.tsx
Normal file
@@ -0,0 +1,198 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
|
||||
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Instagram, Facebook, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="outline-light"
|
||||
primaryButtonStyle="layered-depth"
|
||||
secondaryButtonStyle="outline"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleMinimal
|
||||
brandName="Viva"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="VIVA"
|
||||
description="Experience culinary excellence in an elegant atmosphere. Discover authentic flavors and impeccable service at Viva."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "contact"
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "menu"
|
||||
}
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416778445-zl3jwowr.jpg",
|
||||
imageAlt: "Restaurant Interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762603989-3tcb4zsk.jpg",
|
||||
imageAlt: "Signature Dishes"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766764500744-1kxau6gv.jpg",
|
||||
imageAlt: "Chef at Work"
|
||||
}
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<ParallaxAbout
|
||||
title="Our Story"
|
||||
description="Founded with a passion for culinary innovation, Viva brings together world-class cuisine, impeccable service, and an unforgettable dining experience. Every dish is crafted with precision and love."
|
||||
tag="About Us"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766764501852-mmy7v2k1.jpg"
|
||||
imageAlt="Restaurant ambiance"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardFourteen
|
||||
title="Signature Specialties"
|
||||
description="Indulge in our carefully curated selection of dishes that define Viva's culinary identity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
tag="Menu"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Handmade Pasta",
|
||||
description: "Traditional Italian pasta prepared fresh daily with premium ingredients",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760339172-wtq2r8qq.jpg",
|
||||
imageAlt: "Signature Pasta Dish"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fresh Seafood",
|
||||
description: "Ocean-to-table selections featuring the finest catch of the day",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760342753-3muw0pvy.jpg",
|
||||
imageAlt: "Seafood Specialty"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Decadent Desserts",
|
||||
description: "Artisanal sweet creations that end your meal on a perfect note",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760341776-od1mgbjg.jpg",
|
||||
imageAlt: "Premium Dessert"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Premium Steaks",
|
||||
description: "Expertly aged cuts grilled to perfection with signature preparations",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416782593-h8zdw91t.jpg",
|
||||
imageAlt: "Prime Steak Selection"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Viva has become our favorite restaurant. The food is exceptional, the service is impeccable, and the atmosphere is simply perfect. We celebrate every special occasion here."
|
||||
rating={5}
|
||||
author="Margaret Chen, Food Critic"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
|
||||
alt: "Margaret Chen"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
|
||||
alt: "Customer"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502911819-f5rnce5q.jpg",
|
||||
alt: "Customer"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502912600-84fr3x4z.jpg",
|
||||
alt: "Customer"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502913367-8j5yog7q.jpg",
|
||||
alt: "Customer"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502914201-sdgv9pae.jpg",
|
||||
alt: "Customer"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Reservations"
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable culinary experience. Book your table now and discover why Viva is the choice of discerning diners."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Reserve"
|
||||
termsText="By reserving, you agree to our cancellation policy. We look forward to your visit."
|
||||
useInvertedBackground="invertCard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Viva"
|
||||
copyrightText="© 2025 Viva Restaurant. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user