Merge version_3 into main #3
265
src/app/page.tsx
265
src/app/page.tsx
@@ -2,17 +2,19 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import { Zap, MapPin, Phone, Mail } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,156 +31,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Argo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Argo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Authentic Georgian Flavors in Brooklyn"
|
||||
description="Experience the true taste of Georgia. From our signature Khinkali to freshly baked Adjaruli Khachapuri, we bring the best of the Caucasus to your table."
|
||||
tag="Georgian Cuisine"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Book a Table", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-bread-fresh-off-oven-with-milk-cheese-wooden-desk-dough-bake-bread-bun-eggs_140725-74339.jpg", imageAlt: "Traditional Khinkali" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-leaf-dolma-inside-plate-white-surface_140725-75562.jpg", imageAlt: "Georgian Table" }
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Rated 4.6 by 521+ happy guests"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Authentic Georgian Flavors"
|
||||
description="Discover the rich tradition of Caucasian cuisine in the heart of Brooklyn."
|
||||
dashboard={{
|
||||
title: "Argo Experience", stats: [{ title: "Authentic Recipes", values: [50, 0, 0], description: "Traditional dishes" }, { title: "Satisfied Guests", values: [1000, 0, 0], description: "Happy diners" }],
|
||||
logoIcon: Zap,
|
||||
sidebarItems: [{ icon: Zap, active: true }],
|
||||
listItems: [{ icon: Zap, title: "Fresh Khinkali", status: "Served Daily" }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-bread-fresh-off-oven-with-milk-cheese-wooden-desk-dough-bake-bread-bun-eggs_140725-74339.jpg"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Taste"
|
||||
description="Argo is more than just a restaurant; it's a home for Georgian traditions. We use the freshest ingredients to prepare dishes that remind our guests of the warmth of a family kitchen in the heart of Brooklyn."
|
||||
tag="About Us"
|
||||
bulletPoints={[
|
||||
{ title: "Fresh Ingredients", description: "Vegetables as if they were picked straight from the garden." },
|
||||
{ title: "Traditional Recipes", description: "Authentic recipes passed down through generations." },
|
||||
{ title: "Warm Atmosphere", description: "A cozy space perfect for family gatherings and celebrations." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-plate-glass-napkin-table_181624-44748.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Our Heritage"
|
||||
description="Argo represents generations of culinary expertise from Georgia."
|
||||
metrics={[{ value: "15+", title: "Years Experience" }, { value: "50+", title: "Recipes" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-plate-glass-napkin-table_181624-44748.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Perfect Khinkali", description: "Thin dough, delicate folds, and a savory broth inside every bite.", imageSrc: "http://img.b2bpic.net/free-photo/plate-georgian-khinkali-served-with-tomato-paste-wine_140725-10703.jpg", buttonIcon: Zap },
|
||||
{ title: "Authentic Khachapuri", description: "Hot, golden, and filled with the best cheeses.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-bread-baked-grey-rustic-desk_140725-79489.jpg", buttonIcon: Zap },
|
||||
{ title: "Grilled Shish-Kebab", description: "Succulent meats marinated and grilled to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/shish-kebab-rosemary-plate_23-2147717062.jpg", buttonIcon: Zap },
|
||||
{ title: "Eggplant with Walnuts", description: "A classic appetizer showcasing fresh walnuts and herbs.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-stuffed-aubergine-rolls-white-oval-plate-turquoise-white-tablecloth-grey-free-place_140725-105287.jpg", buttonIcon: Zap },
|
||||
]}
|
||||
title="Why You'll Love Argo"
|
||||
description="Our commitment to quality means every visit to Argo is a special one. Discover what makes our Georgian restaurant a local favorite."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
title="Dining with Argo"
|
||||
description="Authentic flavors, cozy atmosphere, and the finest ingredients."
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Handmade Khinkali", description: "Traditional delicate folds.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plate-georgian-khinkali-served-with-tomato-paste-wine_140725-10703.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/plate-georgian-khinkali-served-with-tomato-paste-wine_140725-10703.jpg" } },
|
||||
{ title: "Golden Khachapuri", description: "Oven-fresh cheesy delight.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-bread-baked-grey-rustic-desk_140725-79489.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-bread-baked-grey-rustic-desk_140725-79489.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Khinkali (Pork & Beef)", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-little-dumplings-gray-table-dough-meal-cake-dinner-cuisine-cooking-dish_179666-17907.jpg" },
|
||||
{ id: "2", name: "Adjaruli Khachapuri", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/spanish-snack-tapas_1387-977.jpg" },
|
||||
{ id: "3", name: "Chanakhi", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-fresh-vegetable-salad-sliced-with-meat-along-with-bread-loafs-whole-vegetables-greens-light-desk_140725-32586.jpg" },
|
||||
{ id: "4", name: "Ostri with Pork", price: "$17.00", imageSrc: "http://img.b2bpic.net/free-photo/kebab-pomegranate-sauce-table_140725-4776.jpg" },
|
||||
{ id: "5", name: "Pork Shish-Kebab", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-skewers-wooden-board-with-ingredients_23-2148440979.jpg" },
|
||||
{ id: "6", name: "Napoleon Cake", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-topped-with-blueberries-berry-sauce_9975-124644.jpg" },
|
||||
]}
|
||||
title="Popular Dishes"
|
||||
description="Explore our crowd-pleasing selection."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
title="Signature Menu"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "1", brand: "Traditional", name: "Khinkali", price: "$12", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-little-dumplings-gray-table-dough-meal-cake-dinner-cuisine-cooking-dish_179666-17907.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Anna S", handle: "@anna", testimonial: "Excellent restaurant! Very tasty cuisine and decent service. Will be back!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg" },
|
||||
{ id: "2", name: "S V", handle: "@sv", testimonial: "Everything was delicious. Cozy place, great presentation. Khinkali were perfect.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
|
||||
{ id: "3", name: "Paul Melnyk", handle: "@paul", testimonial: "I would rate it 5 stars! The food was superb, fresh and tasty.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg" },
|
||||
{ id: "4", name: "Local Guest", handle: "@guest1", testimonial: "Fantastic Georgian spot. Friendly and fast staff.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg" },
|
||||
{ id: "5", name: "Regular Guest", handle: "@guest2", testimonial: "Best khachapuri in Brooklyn. Authentic and consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/male-guest-waiting-check_482257-79729.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="See why our guests keep coming back."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="By The Numbers"
|
||||
animationType="slide-up"
|
||||
metrics={[{ id: "1", value: "500+", title: "Reviews", description: "Our guests love us", imageSrc: "http://img.b2bpic.net/free-vector/half-shadow-stars-with-check-marks_78370-4475.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.6", title: "Average Rating", description: "From over 500 reviews.", imageSrc: "http://img.b2bpic.net/free-vector/half-shadow-stars-with-check-marks_78370-4475.jpg" },
|
||||
{ id: "m2", value: "30+", title: "Menu Dishes", description: "Traditional Georgian recipes.", imageSrc: "http://img.b2bpic.net/free-vector/flat-chef-logo-collection_23-2148972192.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Freshness", description: "Everyday farm-fresh produce.", imageSrc: "http://img.b2bpic.net/free-photo/black-alarm-clock-spiral-notepad-smartphone-page-laptop-white-desk_23-2148061431.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our community's experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
title="Meet Our Chefs"
|
||||
animationType="slide-up"
|
||||
team={[{ id: "1", name: "Giorgi", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer both pickup and delivery services." },
|
||||
{ id: "f2", title: "What are your hours?", content: "We open at 12:00 PM. Please check our Google maps page for the latest updates." },
|
||||
{ id: "f3", title: "Is the restaurant cozy?", content: "Absolutely! We focus on a warm, authentic atmosphere with traditional Georgian hospitality." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="What Guests Say"
|
||||
description="Authentic experiences that keep them returning."
|
||||
useInvertedBackground={true}
|
||||
kpiItems={[{ value: "4.9", label: "Average Rating" }, { value: "1k", label: "Happy Guests" }, { value: "50", label: "Traditional Dishes" }]}
|
||||
testimonials={[{ id: "1", name: "Anna", role: "Local", company: "Brooklyn", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Argo Today"
|
||||
description="1985 Coney Island Ave, Brooklyn, NY. Call us at +1 718-552-2242 for reservations."
|
||||
buttons={[
|
||||
{ text: "Get Directions", href: "https://maps.app.goo.gl/DVQxZ5Yq8HxvZ5vd7" },
|
||||
{ text: "Call Now", href: "tel:+17185522242" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[{ id: "1", title: "Do you take reservations?", content: "Yes, we recommend booking in advance." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Argo Restaurant"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Find Us"
|
||||
description="1985 Coney Island Ave, Brooklyn."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne names={["Eater", "TimeOut", "The Infatuation", "Brooklyn Magazine"]} title="Featured In" />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Argo"
|
||||
columns={[{ items: [{ label: "Home" }, { label: "Contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user