11 Commits

Author SHA1 Message Date
33b6fe7532 Update theme colors 2026-05-24 20:57:07 +00:00
7c70d67f74 Update theme colors 2026-05-24 20:57:01 +00:00
406b9b0c1c Update theme colors 2026-05-24 20:56:50 +00:00
35c0c6221e Update theme colors 2026-05-24 20:56:44 +00:00
6f422c5e21 Update theme colors 2026-05-24 20:56:39 +00:00
5fe7d79ade Update theme colors 2026-05-24 20:56:28 +00:00
e64bf0224d Update theme colors 2026-05-24 20:55:47 +00:00
edefef46c8 Update theme colors 2026-05-24 20:54:58 +00:00
43ef2f812f Update theme colors 2026-05-24 20:54:37 +00:00
836a24e94e Update src/app/styles/variables.css 2026-05-24 20:47:45 +00:00
9a808c70c3 Update src/app/page.tsx 2026-05-24 20:47:45 +00:00
2 changed files with 60 additions and 143 deletions

View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Latitude"
/>
@@ -54,19 +46,14 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
logoText="Latitude Cafe & Restro"
description="Experience premium fine dining and modern cafe culture in the heart of Bhopal. Where luxury meets culinary excellence."
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
text: "Explore Menu", href: "#menu"},
{
text: "Reserve Table",
href: "#contact",
},
text: "Reserve Table", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg"
mediaAnimation="blur-reveal"
@@ -80,17 +67,11 @@ export default function LandingPage() {
description="Located near Hotel Arch Manor, our cafe blends sophisticated lounge ambience with gourmet artisanal creations. From handcrafted pizzas to signature dishes, every detail is tailored for the epicurean soul."
metrics={[
{
value: "1000+",
title: "Happy Customers",
},
value: "1000+", title: "Happy Customers"},
{
value: "50+",
title: "Signature Dishes",
},
value: "50+", title: "Signature Dishes"},
{
value: "Premium",
title: "Lounge Ambience",
},
value: "Premium", title: "Lounge Ambience"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-antique-store_23-2149640699.jpg"
mediaAnimation="slide-up"
@@ -104,23 +85,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Gourmet Flavors",
description: "Authentic recipes crafted with the finest local and imported ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg",
imageAlt: "Gourmet dish",
},
title: "Gourmet Flavors", description: "Authentic recipes crafted with the finest local and imported ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg", imageAlt: "Gourmet dish"},
{
title: "Neon Lounge Ambience",
description: "Immersive dark luxury interiors perfect for your aesthetic cravings.",
imageSrc: "http://img.b2bpic.net/free-photo/antipasto-catering-platter-with-bacon-jerky-sausage-blue-cheese-grapes-wooden-table-top-view_2829-5496.jpg",
imageAlt: "Lounge",
},
title: "Neon Lounge Ambience", description: "Immersive dark luxury interiors perfect for your aesthetic cravings.", imageSrc: "http://img.b2bpic.net/free-photo/antipasto-catering-platter-with-bacon-jerky-sausage-blue-cheese-grapes-wooden-table-top-view_2829-5496.jpg", imageAlt: "Lounge"},
{
title: "Expert Culinary Team",
description: "Highly skilled chefs curating every dish with artistic precision.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-pipe-formed-cookies-colored-background-sweet-cracker-biscuit-color_140725-22536.jpg",
imageAlt: "Chef",
},
title: "Expert Culinary Team", description: "Highly skilled chefs curating every dish with artistic precision.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-pipe-formed-cookies-colored-background-sweet-cracker-biscuit-color_140725-22536.jpg", imageAlt: "Chef"},
]}
title="Why Latitude?"
description="Redefining the cafe experience through innovation, quality, and style."
@@ -135,41 +104,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Artisan Margherita Pizza",
price: "₹499",
imageSrc: "http://img.b2bpic.net/free-photo/seafood-pizza-with-shrimp-mussel-calamari-squid-cheese_141793-2273.jpg",
},
id: "p1", name: "Artisan Margherita Pizza", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/seafood-pizza-with-shrimp-mussel-calamari-squid-cheese_141793-2273.jpg"},
{
id: "p2",
name: "Truffle Infused Appetizer",
price: "₹399",
imageSrc: "http://img.b2bpic.net/free-photo/crackers-with-tomato-slices-eggplant-rolls-berries_114579-3194.jpg",
},
id: "p2", name: "Truffle Infused Appetizer", price: "₹399", imageSrc: "http://img.b2bpic.net/free-photo/crackers-with-tomato-slices-eggplant-rolls-berries_114579-3194.jpg"},
{
id: "p3",
name: "Signature Latitude Latte",
price: "₹249",
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg",
},
id: "p3", name: "Signature Latitude Latte", price: "₹249", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg"},
{
id: "p4",
name: "Creamy Basil Pasta",
price: "₹599",
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-grated-cheese-greens_140725-8747.jpg",
},
id: "p4", name: "Creamy Basil Pasta", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-grated-cheese-greens_140725-8747.jpg"},
{
id: "p5",
name: "Dark Chocolate Lava Cake",
price: "₹349",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-ice-cream-edible-flowers_23-2151973721.jpg",
},
id: "p5", name: "Dark Chocolate Lava Cake", price: "₹349", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-ice-cream-edible-flowers_23-2151973721.jpg"},
{
id: "p6",
name: "Gourmet Quinoa Salad",
price: "₹449",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomatoes-onions-cucumbers-greens-lettuce_140725-8108.jpg",
},
id: "p6", name: "Gourmet Quinoa Salad", price: "₹449", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomatoes-onions-cucumbers-greens-lettuce_140725-8108.jpg"},
]}
title="Our Signature Creations"
description="Discover a fusion of traditional comfort and modern gourmet flair."
@@ -184,20 +129,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
description: "Customer Satisfaction",
},
id: "m1", value: "100%", description: "Customer Satisfaction"},
{
id: "m2",
value: "24/7",
description: "Support Available",
},
id: "m2", value: "24/7", description: "Support Available"},
{
id: "m3",
value: "1000+",
description: "Monthly Visitors",
},
id: "m3", value: "1000+", description: "Monthly Visitors"},
]}
title="By The Numbers"
description="Excellence defined by our commitment to quality."
@@ -211,40 +147,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Aman Verma",
handle: "@aman_v",
testimonial: "The best cafe vibe in MP Nagar. Simply world-class.",
imageSrc: "http://img.b2bpic.net/free-photo/paper-cutout-light-bulb-inside-coffee-beans-mug-with-text-chalkboard_23-2147874117.jpg",
},
id: "t1", name: "Aman Verma", handle: "@aman_v", testimonial: "The best cafe vibe in MP Nagar. Simply world-class.", imageSrc: "http://img.b2bpic.net/free-photo/paper-cutout-light-bulb-inside-coffee-beans-mug-with-text-chalkboard_23-2147874117.jpg"},
{
id: "t2",
name: "Priya Singh",
handle: "@priya_s",
testimonial: "Handcrafted pizzas here are a culinary masterpiece.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
},
id: "t2", name: "Priya Singh", handle: "@priya_s", testimonial: "Handcrafted pizzas here are a culinary masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg"},
{
id: "t3",
name: "Rahul Mehra",
handle: "@rahul_m",
testimonial: "Finally, a place that matches the standards of luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg",
},
id: "t3", name: "Rahul Mehra", handle: "@rahul_m", testimonial: "Finally, a place that matches the standards of luxury.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg"},
{
id: "t4",
name: "Sneha Gupta",
handle: "@sneha_g",
testimonial: "Great atmosphere for friends, family, and meetings.",
imageSrc: "http://img.b2bpic.net/free-photo/positve-african-american-woman-with-cheerful-look-being-glad-message-with-friends-uses-modern-cell-phone-sits-cafeteria-eats-delicious-desserts-drinks-cocktail-technology-rest-concept_273609-2382.jpg",
},
id: "t4", name: "Sneha Gupta", handle: "@sneha_g", testimonial: "Great atmosphere for friends, family, and meetings.", imageSrc: "http://img.b2bpic.net/free-photo/positve-african-american-woman-with-cheerful-look-being-glad-message-with-friends-uses-modern-cell-phone-sits-cafeteria-eats-delicious-desserts-drinks-cocktail-technology-rest-concept_273609-2382.jpg"},
{
id: "t5",
name: "Vikram Rathore",
handle: "@vikram_r",
testimonial: "Exceptional signature coffee and ambient neon lighting.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
},
id: "t5", name: "Vikram Rathore", handle: "@vikram_r", testimonial: "Exceptional signature coffee and ambient neon lighting.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg"},
]}
title="What Our Guests Say"
description="Insights into the Latitude experience from Bhopal's finest."
@@ -255,34 +166,40 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Visit Us"
title="Reserve Your Table"
description="Experience Latitude Cafe & Restro. Near Hotel Arch Manor, MP Nagar, Bhopal. Reach us at 8982349324."
buttons={[
{
text: "Call Now",
href: "tel:+918982349324",
},
text: "Call Now", href: "tel:+918982349324"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="LATITUDE"
leftLink={{
text: "Bhopal MP Nagar",
href: "#",
}}
rightLink={{
text: "© 2024 Latitude",
href: "#",
}}
/>
<FooterMedia
logoText="LATITUDE"
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design_23-2148766150.jpg"
columns={[
{
title: "Explore", items: [
{ label: "Menu", href: "#menu" },
{ label: "Events", href: "#about" },
{ label: "Reservations", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2025 Latitude Cafe. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #121212;
--foreground: #ffffff;
--primary-cta: #ff4500;
--primary-cta-text: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #ff6347;
--background-accent: #2a1500;
--background: #fbfaff;
--card: #ffffff;
--foreground: #0f0022;
--primary-cta: #8b5cf6;
--primary-cta-text: #fbfaff;
--secondary-cta: #ffffff;
--secondary-cta-text: #0f0022;
--accent: #d8cef5;
--background-accent: #c4a8f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);