Merge version_3 into main #8
196
src/app/page.tsx
196
src/app/page.tsx
@@ -1,156 +1,104 @@
|
||||
"use client";
|
||||
'use client';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Page() {
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Osogbo Dining"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Perfect for Dinner Dates & Special Moments"
|
||||
description="Whether it’s your first date, anniversary, family dinner, or casual night out — we create moments worth repeating."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", imageAlt: "Dinner date" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg", imageAlt: "Luxury plate" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg", imageAlt: "Elegant interior" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-blue-chairs-decors-wall_140725-8028.jpg", imageAlt: "Atmosphere" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433853.jpg", imageAlt: "Table setting" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cooked-rice-baked-pumpkin_140725-3547.jpg", imageAlt: "Drink service" }
|
||||
]}
|
||||
buttons={[{ text: "Book Tonight", href: "#reserve" }]}
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Elevate Your Space"
|
||||
description="Discover our curated collection of premium designs."
|
||||
background={{ variant: 'animated-grid' }}
|
||||
buttons={[{ text: 'Reserve Your Table Now' }]}
|
||||
carouselItems={Array(6).fill({ id: '1', imageSrc: 'https://images.unsplash.com/photo-1513519245088-0e12902e5a38?q=80&w=2000' })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Culinary Journey"
|
||||
description="From farm-fresh ingredients to the art of plating, we believe dining should be an sensory escape. Our kitchen blends modern techniques with local flavors for an unmatched experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934675.jpg"
|
||||
imageAlt="Chef preparing culinary dish"
|
||||
<MediaAbout
|
||||
title="Our Story"
|
||||
description="We craft excellence for your lifestyle."
|
||||
imageSrc="https://images.unsplash.com/photo-1524758631624-e2822e304c36?q=80&w=2000"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Why Choose Us"
|
||||
description="Excellence in every bite and smile."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Fresh Flavors", description: "Locally sourced ingredients, prepared fresh daily.", tag: "Taste", imageSrc: "http://img.b2bpic.net/free-photo/ingredients-making-spaghetti-white-table_23-2148120105.jpg" },
|
||||
{ id: "f2", title: "Exceptional Service", description: "Warm, professional hospitality for every guest.", tag: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-eating-delicious-pizza_23-2150280263.jpg" },
|
||||
{ id: "f3", title: "Beautiful Atmosphere", description: "Relax and enjoy our curated dining space.", tag: "Ambience", imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160205.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
title="Our Signature Dishes"
|
||||
description="A curated menu for refined palates."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
<FeatureCardMedia
|
||||
title="Key Features"
|
||||
description="Why choose us?"
|
||||
animationType="blur-reveal"
|
||||
features={[{ id: '1', title: 'Quality', description: 'Best materials', tag: 'Top' }, { id: '2', title: 'Design', description: 'Modern aesthetics', tag: 'New' }]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Grilled Salmon", price: "₦8,500", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-vegetables-table_140725-1362.jpg" },
|
||||
{ id: "p2", name: "Spiced Beef", price: "₦9,200", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11591.jpg" },
|
||||
{ id: "p3", name: "Pasta Verde", price: "₦7,800", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2494.jpg" },
|
||||
{ id: "p4", name: "Citrus Salad", price: "₦5,500", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg" },
|
||||
{ id: "p5", name: "Chocolate Lava", price: "₦4,500", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-restaurant_23-2148018754.jpg" },
|
||||
{ id: "p6", name: "Mango Sorbet", price: "₦3,800", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
title="Guest Stories"
|
||||
description="What our patrons say about us."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Amina S.", role: "Foodie", testimonial: "The best dinner I've had in Osogbo!", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg" },
|
||||
{ id: "t2", name: "Bayo O.", role: "Regular", testimonial: "Consistent taste and amazing service.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg" },
|
||||
{ id: "t3", name: "Chidi K.", role: "Visitor", testimonial: "Such a warm and inviting atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-people-with-drinks_23-2150124808.jpg" },
|
||||
{ id: "t4", name: "Fatima Y.", role: "Local", testimonial: "My go-to place for anniversary dinners.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg" },
|
||||
{ id: "t5", name: "Tunde A.", role: "Guest", testimonial: "Unforgettable food, will return soon.", imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Our Impact"
|
||||
description="Numbers behind the smiles."
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
title="Our Catalog"
|
||||
description="Hand-picked items for your home."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: '1', name: 'Chair', price: '$100', variant: 'Oak', imageSrc: 'https://images.unsplash.com/photo-1503602642458-232111445657?q=80&w=800' },
|
||||
{ id: '2', name: 'Table', price: '$200', variant: 'Pine', imageSrc: 'https://images.unsplash.com/photo-1533090161767-e6ffed986c88?q=80&w=800' },
|
||||
{ id: '3', name: 'Lamp', price: '$50', variant: 'Brass', imageSrc: 'https://images.unsplash.com/photo-1513506003901-1e6a229e2d15?q=80&w=800' }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
title="Testimonials"
|
||||
description="What our clients say."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: '1', name: 'Jane Doe', role: 'Designer', testimonial: 'Absolutely stunning work!' },
|
||||
{ id: '2', name: 'John Smith', role: 'Architect', testimonial: 'Quality is unmatched.' }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Our Impact"
|
||||
description="Building value through design."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5k+", description: "Meals Served" },
|
||||
{ id: "m2", value: "20+", description: "Signature Dishes" },
|
||||
{ id: "m3", value: "98%", description: "Customer Satisfaction" }
|
||||
{ id: '1', value: '100+', description: 'Projects Completed' },
|
||||
{ id: '2', value: '50+', description: 'Happy Clients' }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactText
|
||||
text="Visit Us in Osogbo. Fresh food. Beautiful atmosphere. Warm smiles waiting for you."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Get Directions", href: "#" },
|
||||
{ text: "Call Now", href: "tel:+2348000000000" }
|
||||
]}
|
||||
<ContactText
|
||||
text="Get in touch with us today!"
|
||||
background={{ variant: 'gradient-bars' }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Osogbo Dining"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Dinner", href: "#" }, { label: "Drinks", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Reserve", href: "#" }] }
|
||||
]}
|
||||
<FooterBaseReveal
|
||||
logoText="Webild"
|
||||
columns={[{ title: 'Links', items: [{ label: 'Home', href: '/' }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user