Initial commit
This commit is contained in:
Nikolay Pecheniev
246
src/app/page.tsx
Normal file
246
src/app/page.tsx
Normal file
@@ -0,0 +1,246 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
||||
import { Heart, Star, Calendar, Instagram, Facebook, Linkedin } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="elevated-accent-light"
|
||||
primaryButtonStyle="neon-glow-border"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleMinimal
|
||||
brandName="Viva"
|
||||
button={{ text: "Reserve Now", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplitImage
|
||||
logoText="VIVA"
|
||||
description="Experience culinary excellence in an elegant atmosphere. Discover authentic flavors and impeccable service."
|
||||
buttons={[
|
||||
{ text: "Reserve Table", href: "contact" },
|
||||
{ text: "Explore Menu", href: "menu" }
|
||||
]}
|
||||
layoutOrder="default"
|
||||
splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416778445-zl3jwowr.jpg"
|
||||
splitImageAlt="Restaurant Interior"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762603989-3tcb4zsk.jpg"
|
||||
imageAlt="Fine Dining Experience"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
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"
|
||||
tagIcon={Heart}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766764501852-mmy7v2k1.jpg"
|
||||
imageAlt="Restaurant ambiance"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</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"
|
||||
tagIcon={Star}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Handmade Pasta",
|
||||
description: "Traditional Italian pasta prepared fresh daily with premium ingredients. 5 stars",
|
||||
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. 5 stars",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760341776-od1mgbjg.jpg",
|
||||
imageAlt: "Seafood Specialty"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Decadent Desserts",
|
||||
description: "Artisanal sweet creations that end your meal on a perfect note. 5 stars",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760342753-3muw0pvy.jpg",
|
||||
imageAlt: "Premium Dessert"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Premium Steaks",
|
||||
description: "Expertly aged cuts grilled to perfection with signature preparations. 5 stars",
|
||||
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">
|
||||
<TestimonialCardThirteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Margaret Chen",
|
||||
handle: "@margaretchen",
|
||||
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,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
|
||||
imageAlt: "Margaret Chen"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Wilson",
|
||||
handle: "@jameswilson",
|
||||
testimonial: "Outstanding culinary experience. The chef's attention to detail is remarkable, and every course was a masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
|
||||
imageAlt: "James Wilson"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Rodriguez",
|
||||
handle: "@sofiar",
|
||||
testimonial: "The finest dining experience in the city. Worth every penny for the quality and sophistication.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502911819-f5rnce5q.jpg",
|
||||
imageAlt: "Sofia Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidkim",
|
||||
testimonial: "Brought my family for a special celebration and they loved every moment. Highly recommended for special occasions.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502912600-84fr3x4z.jpg",
|
||||
imageAlt: "David Kim"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma Thompson",
|
||||
handle: "@emmathompson",
|
||||
testimonial: "A culinary journey I'll never forget. The wine pairing was expertly curated and enhanced every dish.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502913367-8j5yog7q.jpg",
|
||||
imageAlt: "Emma Thompson"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Michael Santos",
|
||||
handle: "@michaelsantos",
|
||||
testimonial: "Professional service, exquisite food, elegant ambiance. Viva sets the standard for fine dining.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502914201-sdgv9pae.jpg",
|
||||
imageAlt: "Michael Santos"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from those who have experienced Viva's culinary excellence"
|
||||
textboxLayout="default"
|
||||
animationType="opacity"
|
||||
useInvertedBackground="invertCard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How far in advance should I make a reservation?",
|
||||
content: "We recommend reservations at least 2-3 weeks in advance for optimal table selection. However, we do accommodate walk-ins based on availability."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer private dining options?",
|
||||
content: "Yes, we offer exclusive private dining experiences for special occasions. Please contact us directly to discuss your event requirements."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is your dress code?",
|
||||
content: "Smart casual is recommended. Jackets are appreciated but not required. We want our guests to feel comfortable while maintaining our refined atmosphere."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you accommodate dietary restrictions?",
|
||||
content: "Absolutely. Please inform us of any dietary requirements when booking, and our chef will create a custom menu to suit your needs."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I bring my own wine?",
|
||||
content: "We have a curated wine selection. Outside wine is not permitted, but our sommelier can recommend excellent pairings from our collection."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "Reservations cancelled within 48 hours may incur a charge. We appreciate advance notice for any changes to your reservation."
|
||||
}
|
||||
]}
|
||||
ctaTitle="Reserve Your Table"
|
||||
ctaDescription="Book your next culinary experience at Viva. Experience excellence with every bite."
|
||||
ctaButton={{ text: "Book Now", href: "#" }}
|
||||
ctaIcon={Calendar}
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSocial
|
||||
logoText="Viva"
|
||||
copyrightText="© 2025 Viva Restaurant. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant",
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reservations", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{ label: "Hours", href: "#" },
|
||||
{ label: "Location", href: "#" },
|
||||
{ label: "Private Dining", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user