Merge version_2 into main #1
327
src/app/page.tsx
327
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,63 +32,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Artists", id: "about" },
|
||||
{ name: "Catalog", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="5 Senses"
|
||||
brandName="Velocity Records"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Awaken Your Five Senses"
|
||||
description="Experience a journey of culinary artistry where flavor meets elegance in the heart of Nairobi."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Velocity Records"
|
||||
description="Empowering the next generation of sound. Discover our roster of trailblazing artists shaping the future of music."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-setting-with-textured-wine-glasses-candles-leaves_169016-18721.jpg",
|
||||
imageAlt: "Fine dining atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-salad-with-glass-wine-table-with-trees-sunlight-leak-background_176474-3901.jpg",
|
||||
imageAlt: "Elegant table setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg",
|
||||
imageAlt: "Culinary art focus",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg",
|
||||
imageAlt: "Warm restaurant decor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg",
|
||||
imageAlt: "Intimate dining experience",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/night-club-with-music-lights_1150-13642.jpg", imageAlt: "Studio session" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-audio-mixer_23-2148767355.jpg", imageAlt: "Mixing board" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headphones-mixing-console_1150-2565.jpg", imageAlt: "Production gear" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dj-playing-music-night-club_1150-12005.jpg", imageAlt: "DJ booth" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/music-studio-equipment_1150-2495.jpg", imageAlt: "Microphone setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-player_1150-15632.jpg", imageAlt: "Vinyl record" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,14 +61,14 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Holistic Dining Experience"
|
||||
description="Located at Galana Plaza, 5 Senses offers a tranquil escape where every detail, from the soft music to the impeccable plating, is designed to awaken your senses."
|
||||
subdescription="Whether for a special anniversary or a solo retreat, we welcome you to enjoy a warm, stylish atmosphere that feels like home."
|
||||
tag="Our Label"
|
||||
title="A Sonic Revolution"
|
||||
description="Velocity Records is an independent powerhouse dedicated to high-fidelity production and artist-first management."
|
||||
subdescription="We bridge the gap between raw talent and industry success, providing a platform for authentic expression."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-high-glass-candlestick-table-near-christmas-decoration-new-year-eve-concept_132075-11262.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/music-producer-studio_23-2148767362.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Intimate restaurant atmosphere dining"
|
||||
imageAlt="Professional recording studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,30 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Molten Lava Cake",
|
||||
description: "Our signature dessert that awakens every sense with its rich chocolate center.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondant-with-powdered-sugar-side-view_141793-4386.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/slice-cake-with-cocoa-cookies-white-plate_114579-19145.jpg",
|
||||
buttonText: "Discover Menu",
|
||||
},
|
||||
{
|
||||
title: "Duck Breast",
|
||||
description: "Expertly seared duck breast, a testament to our culinary creativity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duck-breast_74190-3542.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510914.jpg",
|
||||
buttonText: "Discover Menu",
|
||||
},
|
||||
{
|
||||
title: "Soft Music",
|
||||
description: "Ambient, calming melodies that complement your fine dining experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-acoustic-guitar-wooden-background-with-copy-space_23-2148247743.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/part-drum-kit-dark-with-beautiful-lighting_169016-52967.jpg",
|
||||
buttonText: "Book Table",
|
||||
},
|
||||
{ title: "Artist Development", description: "Tailored mentorship for rising stars.", imageSrc: "http://img.b2bpic.net/free-photo/young-musician-playing-guitar-home-studio_23-2148386345.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-musician-holding-microphone_23-2148510920.jpg", buttonText: "Learn More" },
|
||||
{ title: "Global Distribution", description: "Getting your sound to every platform worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/global-distribution-concept_23-2148560045.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/social-media-icons_23-2148560055.jpg", buttonText: "Learn More" },
|
||||
{ title: "Audio Production", description: "High-end studio services and mastering.", imageSrc: "http://img.b2bpic.net/free-photo/audio-mastering-console_23-2148560060.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/professional-microphone_23-2148560070.jpg", buttonText: "Book Session" },
|
||||
]}
|
||||
title="Crafted For Perfection"
|
||||
description="We take pride in well-thought-out flavor combinations, professional service, and a cozy ambience."
|
||||
title="Industry Leading Services"
|
||||
description="We empower creators with professional resources to amplify their artistic vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,60 +95,28 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5+",
|
||||
description: "Course fine dining",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Freshly prepared",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5 Star",
|
||||
description: "Service excellence",
|
||||
},
|
||||
{ id: "m1", value: "50+", description: "Active Roster Artists" },
|
||||
{ id: "m2", value: "1B+", description: "Total Streams Generated" },
|
||||
{ id: "m3", value: "20", description: "Years of Excellence" },
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Our commitment to quality dining and service is recognized by our community."
|
||||
title="By The Numbers"
|
||||
description="Data-driven success for our artists."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardOne
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
title="Artist Testimonials"
|
||||
description="Hear from the artists we've helped launch onto the global stage."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Lotta Jonas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nyakio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Joshua Alexander",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-bistro_23-2149366453.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Gladys Nungari",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Wambi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Jaxson Cole", role: "Electronic Producer", company: "Velocity Roster", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-hoodie_23-2148510940.jpg" },
|
||||
{ id: "t2", name: "Elena Ray", role: "Vocalist", company: "Velocity Roster", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-singing-microphone_23-2148510950.jpg" },
|
||||
{ id: "t3", name: "Marcus V", role: "Beatmaker", company: "Velocity Roster", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-laptop-studio_23-2148510960.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,156 +127,54 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Main",
|
||||
name: "Sirloin Steak",
|
||||
price: "KES 3500",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-sauce-with-baked-vegetables_140725-985.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Main",
|
||||
name: "Duck Two Ways",
|
||||
price: "KES 3800",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/porchetta-delicious-pork-roast-wrapped-roll-traditional-italian-dish-holidays-gray-concrete-background_127032-2789.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Starters",
|
||||
name: "Bone Marrow",
|
||||
price: "KES 2200",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-salted-crackers-colorful-plate_114579-60056.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Starters",
|
||||
name: "Pork Belly",
|
||||
price: "KES 2500",
|
||||
rating: 4,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steamed-bao-bun-with-braised-pork-belly-fresh-asian-slaw_84443-85877.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Sweet",
|
||||
name: "Desserts on the House",
|
||||
price: "Complimentary",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-cheese-cake-with-cream-served-with-tea_141793-327.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Special",
|
||||
name: "Chef Interaction",
|
||||
price: "Experience",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-plating-meal_23-2148794097.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Album", name: "Midnight Waves", price: "$19.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/abstract-vinyl-album-art_23-2148560080.jpg" },
|
||||
{ id: "p2", brand: "Single", name: "Neon City", price: "$0.99", rating: 5, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/neon-city-album-art_23-2148560090.jpg" },
|
||||
{ id: "p3", brand: "Merch", name: "Label Hoodie", price: "$45.00", rating: 4, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/brand-hoodie-mockup_23-2148560100.jpg" },
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Exquisite dishes prepared with intention and the finest ingredients."
|
||||
title="Label Catalog"
|
||||
description="Discover our latest releases and exclusive merchandise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "While we welcome walk-ins, reservations are highly recommended, especially during weekends and holidays.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the restaurant wheelchair accessible?",
|
||||
content: "Yes, we are located in an accessible building and strive to accommodate all guests comfortably.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you host private events?",
|
||||
content: "We offer personalized dining experiences for birthdays, anniversaries, and corporate gatherings. Please contact us for details.",
|
||||
},
|
||||
{ id: "f1", title: "How do I submit my demo?", content: "Please use the inquiry form below with a link to your EPK or SoundCloud demo." },
|
||||
{ id: "f2", title: "Do you offer distribution only?", content: "Yes, we provide flexible distribution-only packages for established independent artists." },
|
||||
{ id: "f3", title: "Where is the studio located?", content: "We have partner studios in major music hubs worldwide; contact us for your nearest session location." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know for a perfect dining experience."
|
||||
title="Label FAQ"
|
||||
description="Common questions about working with Velocity Records."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/recording-studio-room_23-2148560110.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
title="Inquire About Artist Representation"
|
||||
description="Looking for label management or session booking? Send us a message."
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Join Us for Dinner"
|
||||
description="Ready to awaken your senses? Secure your table today and join us for an exceptional dining experience."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/music-manager-office_23-2148560120.jpg"
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="5 Senses"
|
||||
<FooterBase
|
||||
logoText="Velocity Records"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Galana Plaza, Kilimani",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Nairobi, Kenya",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Label", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Catalog", items: [{ label: "New Releases", href: "#menu" }, { label: "Merch", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "Help", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user