Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -13,184 +13,109 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Egnatia"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Egnatia"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Bar Restaurant Egnatia"
|
||||
description="Enjoy stunning sunsets, fresh local food, and a beautiful relaxing atmosphere perfect for dining and events."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Bar Restaurant Egnatia"
|
||||
description="Enjoy stunning sunsets, fresh local food, and a beautiful relaxing atmosphere perfect for dining and events."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Our Cuisine"
|
||||
tag="Authentic Experience"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Our Cuisine"
|
||||
tag="Authentic Experience"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Diner",
|
||||
testimonial: "Amazing food and sunset views. The atmosphere is perfect!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
role: "Foodie",
|
||||
testimonial: "Lamb chops were juicy and delicious. Everything tasted fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/weird-looking-female-teacher-squinting-pineapple-glasses-isolated-white_346278-1137.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Traveler",
|
||||
testimonial: "Beautiful place with local Albanian dishes. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-curlyhaired-man-holding-hands-back-relaxing-smiling-lying-resting-standing-white-background_176420-49694.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Guest",
|
||||
testimonial: "Perfect stop while traveling. Great service and food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-casual-style-eats-burger-with-coffee-sitting-summer-terrace-cafe_169016-12164.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
role: "Local",
|
||||
testimonial: "The hospitality here is as good as the food. A true gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-food_23-2149250073.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests say about their visits."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Diner", testimonial: "Amazing food and sunset views. The atmosphere is perfect!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
|
||||
{ id: "2", name: "Mark L.", role: "Foodie", testimonial: "Lamb chops were juicy and delicious. Everything tasted fresh.", imageSrc: "http://img.b2bpic.net/free-photo/weird-looking-female-teacher-squinting-pineapple-glasses-isolated-white_346278-1137.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Traveler", testimonial: "Beautiful place with local Albanian dishes. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/carefree-curlyhaired-man-holding-hands-back-relaxing-smiling-lying-resting-standing-white-background_176420-49694.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Guest", testimonial: "Perfect stop while traveling. Great service and food.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-casual-style-eats-burger-with-coffee-sitting-summer-terrace-cafe_169016-12164.jpg" },
|
||||
{ id: "5", name: "Anna P.", role: "Local", testimonial: "The hospitality here is as good as the food. A true gem.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-food_23-2149250073.jpg" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests say about their visits."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Local Enthusiasts"
|
||||
description="We take pride in our service and the community we serve."
|
||||
names={[
|
||||
"Travel Guides",
|
||||
"Foodie Maps",
|
||||
"Local Albania",
|
||||
"Gourmet Review",
|
||||
"Tourism Daily",
|
||||
]}
|
||||
tag="Recognized"
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Local Enthusiasts"
|
||||
description="We take pride in our service and the community we serve."
|
||||
names={[
|
||||
"Travel Guides", "Foodie Maps", "Local Albania", "Gourmet Review", "Tourism Daily"]}
|
||||
tag="Recognized"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Visit us in Albania for an unforgettable meal or book an event."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests?",
|
||||
}}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Visit us in Albania for an unforgettable meal or book an event."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Special requests?"}}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "📍 Albania",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reservations",
|
||||
items: [
|
||||
{
|
||||
label: "📞 +355 XXX XXX XXX",
|
||||
href: "tel:+355",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Egnatia"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location", items: [{ label: "📍 Albania", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Reservations", items: [{ label: "📞 +355 XXX XXX XXX", href: "tel:+355" }],
|
||||
},
|
||||
]}
|
||||
logoText="Egnatia"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user