Merge version_2 into main #2
382
src/app/page.tsx
382
src/app/page.tsx
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Flame, MapPin, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Drinks",
|
||||
id: "#drinks",
|
||||
},
|
||||
{
|
||||
name: "Atmosphere",
|
||||
id: "#atmosphere",
|
||||
},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "Drinks", id: "#drinks" },
|
||||
{ name: "Atmosphere", id: "#atmosphere" },
|
||||
{ name: "Find Us", id: "#contact" },
|
||||
]}
|
||||
brandName="Occidental"
|
||||
/>
|
||||
@@ -55,189 +43,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Lincoln’s Hidden Cocktail Experience"
|
||||
description="Tucked away. Always buzzing. Impossible to forget."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-archway-with-building-visible-background_181624-5602.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-popcorn-table-remote-control-neon-illuminated-apartment_482257-120291.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-colombian-male-friends-spending-time-together-having-fun_23-2151356440.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-618.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-drink-with-olives_23-2149418313.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-archway-with-building-visible-background_181624-5602.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bowl-popcorn-table-remote-control-neon-illuminated-apartment_482257-120291.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-colombian-male-friends-spending-time-together-having-fun_23-2151356440.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brine-cocktail-glass_658428-242.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cocktail-with-flower-top-martini-glass_141793-2125.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-fresh-table_140725-8743.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-alcohol-drinks-stand-pretty-tray_1304-3187.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Night",
|
||||
href: "#experience",
|
||||
},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-cheerful-man-sitting-bar-counter-drinking-beer-networking-smartphone_1157-44620.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-near-charming-woman-bar-counter_23-2148016853.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-brutal-bartender-serves-attractive-couple-who-spend-evening-date_613910-19122.jpg",
|
||||
alt: "Regular",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-drinks-together_107420-94740.jpg",
|
||||
alt: "Visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-cocktail-garnished-with-cucumber-olive_140725-4886.jpg",
|
||||
alt: "Patron",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our growing community of cocktail enthusiasts."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Speakeasy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Craft Cocktails",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fire Pits",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Late Nights",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brine-cocktail-glass_658428-242.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cocktail-with-flower-top-martini-glass_141793-2125.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/orange-fresh-table_140725-8743.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Plan Your Night", href: "#experience" }, { text: "Find Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardOne
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
title="Customer Experiences"
|
||||
description="Real voices from our favorite nights."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Regular",
|
||||
quote: "By far my favorite spot in town… always a good vibe.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-jamaica_23-2151532135.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunette-girl-seductive-black-clothes-smokes-hookah-while-sitting-counter-nightclub_613910-19138.jpg",
|
||||
imageAlt: "stylish person bar portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
date: "Sep 2023",
|
||||
title: "Visitor",
|
||||
quote: "One of the best espresso martinis I’ve ever had.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-couple-love-beautiful-girl-kisses-her-boyfriend-standing-night-street-illuminated-signboards-neon-lights_613910-20592.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg?_wi=2",
|
||||
imageAlt: "stylish person bar portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna K.",
|
||||
date: "Aug 2023",
|
||||
title: "Local",
|
||||
quote: "Packed with super fun and friendly people.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-alcohol-drinks-stand-pretty-tray_1304-3187.jpg?_wi=2",
|
||||
imageAlt: "stylish person bar portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
date: "Jul 2023",
|
||||
title: "Night Owl",
|
||||
quote: "Like a speakeasy but way cooler.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-lovely-caucasian-female-with-dark-hair-silver-jacket-black-jeans-shoes-poses-camera_132075-8995.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg",
|
||||
imageAlt: "stylish person bar portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma W.",
|
||||
date: "Jun 2023",
|
||||
title: "Fan",
|
||||
quote: "Best drinks and best playlist.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/view-golden-skull-with-alcoholic-drink_23-2150835874.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-archway-with-building-visible-background_181624-5602.jpg?_wi=2",
|
||||
imageAlt: "stylish person bar portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-jamaica_23-2151532135.jpg" },
|
||||
{ id: "2", name: "Mike R.", role: "Visitor", company: "Lincoln", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-couple-love-beautiful-girl-kisses-her-boyfriend-standing-night-street-illuminated-signboards-neon-lights_613910-20592.jpg" },
|
||||
{ id: "3", name: "Anna K.", role: "Fan", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg" },
|
||||
]}
|
||||
title="Voices of the Night"
|
||||
description="Don't take our word for it—join the crowd who knows."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Bar. It’s a Vibe."
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Hidden Alley",
|
||||
value: "Tucked Away",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Social Courtyard",
|
||||
value: "Fire Pits",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Cocktails",
|
||||
value: "Crafted",
|
||||
},
|
||||
{ icon: MapPin, label: "Hidden Alley", value: "Tucked Away" },
|
||||
{ icon: Flame, label: "Social Courtyard", value: "Fire Pits" },
|
||||
{ icon: Star, label: "Cocktails", value: "Crafted" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -248,147 +91,58 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "Espresso Martini",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-cocktail-with-ice-coffee-seeds-grey-desk-drink-juice-cocktail_140725-25965.jpg",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Botanical Gin",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-with-treats-halloween_23-2148603663.jpg",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Smoked Old Fashioned",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-drink_23-2148014924.jpg",
|
||||
},
|
||||
{
|
||||
id: "d4",
|
||||
name: "Seasonal Coupe",
|
||||
price: "$17",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064115.jpg",
|
||||
},
|
||||
{
|
||||
id: "d5",
|
||||
name: "Midnight Sour",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bartender-working-bar_23-2150346987.jpg",
|
||||
},
|
||||
{
|
||||
id: "d6",
|
||||
name: "Occidental Signature",
|
||||
price: "$19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148111232.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Pours"
|
||||
description="Crafted by bartenders who know their craft — and your mood."
|
||||
products={[
|
||||
{ id: "d1", name: "Espresso Martini", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-cocktail-with-ice-coffee-seeds-grey-desk-drink-juice-cocktail_140725-25965.jpg" },
|
||||
{ id: "d2", name: "Botanical Gin", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-with-treats-halloween_23-2148603663.jpg" },
|
||||
{ id: "d3", name: "Smoked Old Fashioned", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-drink_23-2148014924.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Where the Night Comes Alive"
|
||||
description="Multiple fire pits. Open air. Good people. This is where conversations linger and nights stretch longer."
|
||||
description="Multiple fire pits. Open air. Good people."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "The Courtyard",
|
||||
content: "Open-air social space featuring multiple fire pits for evening lingering.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "The Bar",
|
||||
content: "Dimly lit, art-forward interior with expert mixologists.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "The Vibe",
|
||||
content: "High energy but intimate—where strangers become friends.",
|
||||
},
|
||||
{ id: "a1", title: "The Courtyard", content: "Open-air social space." },
|
||||
{ id: "a2", title: "The Bar", content: "Art-forward interior." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfie-couple-camping-night-by-campfire_23-2148223507.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="love" data-section="love">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Why They Keep Coming Back"
|
||||
tag="The Occidental Standard"
|
||||
title="The Occidental Standard"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Elite Cocktail Standards",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
description: "Average Star Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100s",
|
||||
description: "Memorable Nights Started",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Elite Standards" },
|
||||
{ id: "m2", value: "4.9", description: "Star Rating" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
title="Quick Questions"
|
||||
description="Everything you need to know about your night out."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you take reservations?",
|
||||
content: "No reservations, no expectations—just show up.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "Hidden in plain sight, tucked away in the alley.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What's the dress code?",
|
||||
content: "Come as you are, stay for the vibe.",
|
||||
},
|
||||
{ id: "f1", title: "Do you take reservations?", content: "No reservations—just show up." },
|
||||
{ id: "f2", title: "Where are you located?", content: "Hidden in the alley." },
|
||||
]}
|
||||
sideTitle="Quick Questions"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-garnished-with-cucumber-olive_140725-4886.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Tonight Starts Here"
|
||||
title="Experience Occidental"
|
||||
description="No reservations. No expectations. Just show up and experience the best of Lincoln nightlife."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
text: "Bring Your People",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Drink?"
|
||||
description="Find us in the heart of Lincoln."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -396,49 +150,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Occidental"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "Find Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#drinks",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Occidental"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user