Add src/app/about/page.tsx
This commit is contained in:
164
src/app/about/page.tsx
Normal file
164
src/app/about/page.tsx
Normal file
@@ -0,0 +1,164 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Sparkles, Users, Heart, Award } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Koliba Ukrainska"
|
||||
navItems={[
|
||||
{ name: "Philosophy", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Banquets", id: "banquets" },
|
||||
{ name: "Delivery", id: "delivery" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Contacts", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Reserve Table", href: "#contact" }}
|
||||
buttonClassName="rounded-full px-6 py-2"
|
||||
className="fixed top-6 left-6 right-6 z-50"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Heritage"
|
||||
tagIcon={Sparkles}
|
||||
title="Preserving Ukrainian Traditions Through Authentic Hospitality"
|
||||
description="For over two decades, Koliba Ukrainska has been a beacon of Ukrainian culture and tradition. Our family-owned restaurant celebrates the warmth, generosity, and authentic flavors that define our heritage. Every gathering here is more than just a meal—it's a celebration of family, community, and the timeless traditions that connect us."
|
||||
metrics={[
|
||||
{ value: "20+", title: "Years of Tradition" },
|
||||
{ value: "5000+", title: "Happy Celebrations" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/full-shot-woman-getting-warmer-by-fire_23-2149172517.jpg"
|
||||
imageAlt="Traditional Ukrainian restaurant ambiance"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="values" data-section="values">
|
||||
<FeatureHoverPattern
|
||||
title="Our Core Values"
|
||||
description="What drives everything we do at Koliba Ukrainska"
|
||||
tag="Principles"
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Family First", description: "We believe every celebration is sacred. Our spaces and services are designed to bring families together and create memories that last a lifetime.", button: { text: "Learn More", href: "#" }
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Authenticity", description: "Every dish, every decoration, every detail reflects our commitment to preserving true Ukrainian traditions and cultural heritage.", button: { text: "Explore", href: "#" }
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Hospitality", description: "Warmth, genuine care, and personalized attention define our approach. We treat every guest like family and remember every celebration.", button: { text: "Experience", href: "#" }
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Excellence", description: "From our culinary masterpieces to our impeccable service, we strive for perfection in every aspect of your experience.", button: { text: "Discover", href: "#" }
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Mariya Kovalenko", role: "Owner & Founder", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-smiling-happy-outdoor_181624-57627.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Ivan Petrenko", role: "Head Chef", imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-with-big-smile_181624-25971.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Olena Shevchenko", role: "Event Manager", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-confident-smile_181624-24921.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Dmytro Rusnak", role: "sommelier & Beverage Director", imageSrc: "https://img.b2bpic.net/free-photo/man-with-smile-looking-camera_181624-18705.jpg"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Meet Our Team"
|
||||
description="Passionate professionals dedicated to creating unforgettable Ukrainian celebrations"
|
||||
tag="Our People"
|
||||
tagIcon={Users}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
tag="Ready to Celebrate?"
|
||||
tagIcon={Heart}
|
||||
title="Plan Your Perfect Ukrainian Celebration"
|
||||
description="Whether it's a wedding, corporate event, family gathering, or intimate dinner, Koliba Ukrainska is the perfect place to create memories. Let our team help bring your vision to life with authentic tradition and heartfelt hospitality."
|
||||
buttons={[
|
||||
{ text: "Book Your Event", href: "#contact" },
|
||||
{ text: "Explore Venues", href: "/" }
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant", items: [
|
||||
{ label: "Philosophy", href: "/about" },
|
||||
{ label: "Menu", href: "/#menu" },
|
||||
{ label: "Banquets", href: "/#banquets" },
|
||||
{ label: "Delivery", href: "/#delivery" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact Info", items: [
|
||||
{ label: "Phone: +38 (050) 123-45-67", href: "tel:+380501234567" },
|
||||
{ label: "Hours: Mon-Sun 12:00-23:00", href: "#" },
|
||||
{ label: "Address: Kyiv, Ukraine", href: "#" },
|
||||
{ label: "Email: info@koliba.ua", href: "mailto:info@koliba.ua" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "TikTok", href: "https://tiktok.com" },
|
||||
{ label: "YouTube", href: "https://youtube.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Koliba Ukrainska | Family-Owned Ukrainian Restaurant"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user