Compare commits
45 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9975bbee71 | |||
| c35d55d936 | |||
| 1cbc130dd3 | |||
| da69478141 | |||
| b42accc493 | |||
| 706f0cf540 | |||
| 03b5b49659 | |||
| ab7572fe32 | |||
| bb4bf5d106 | |||
| 6d5a32c98f | |||
| f1f99f4251 | |||
| 06377a5835 | |||
| b987bc8369 | |||
| 81bbffdc25 | |||
| 8b24952ee1 | |||
| db016d5da8 | |||
| 64e30506b8 | |||
| c2ed7b1f99 | |||
| 67cfecce7f | |||
| 50e84f8409 | |||
| d91a89146b | |||
| f130555930 | |||
| d82b6b8131 | |||
| 47b1489434 | |||
| 8079ed7206 | |||
| 14f1478019 | |||
| 179e34d572 | |||
| e219203430 | |||
| 0a936a9824 | |||
| aba5e9d185 | |||
| 35b8207688 | |||
| b7332cd110 | |||
| 33b6fe7532 | |||
| 6e5d990f25 | |||
| 7c70d67f74 | |||
| 58fdc0de80 | |||
| 406b9b0c1c | |||
| f297e9bf5f | |||
| 35c0c6221e | |||
| a8c19cdca2 | |||
| 7c4565018c | |||
| d234efd887 | |||
| 17d17e3940 | |||
| 7f1bd04744 | |||
| 0a885bbf39 |
59
src/app/features/page.tsx
Normal file
59
src/app/features/page.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function FeaturesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Menu", id: "/#menu" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Latitude"
|
||||
/>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Gourmet Culinary Art", description: "Handcrafted dishes using only premium, ethically sourced ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg" },
|
||||
{ title: "Neon Lounge Experience", description: "Immersive dark luxury interiors curated for modern aesthetic tastes.", imageSrc: "http://img.b2bpic.net/free-photo/antipasto-catering-platter-with-bacon-jerky-sausage-blue-cheese-grapes-wooden-table-top-view_2829-5496.jpg" },
|
||||
{ title: "Signature Coffee Culture", description: "Bespoke coffee blends prepared with precision by master baristas.", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg" },
|
||||
{ title: "Sophisticated Events", description: "The perfect backdrop for high-end corporate meetings or intimate celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-antique-store_23-2149640699.jpg" }
|
||||
]}
|
||||
title="Our Premium Features"
|
||||
description="Discover what makes Latitude the preferred destination for fine dining enthusiasts in Bhopal."
|
||||
/>
|
||||
</div>
|
||||
<FooterMedia
|
||||
logoText="LATITUDE"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design_23-2148766150.jpg"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Features", href: "/features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Montserrat } from "next/font/google";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
import { Libre_Baskerville } from "next/font/google";
|
||||
import { Poppins } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -21,9 +24,15 @@ export const metadata: Metadata = {
|
||||
},
|
||||
};
|
||||
|
||||
const montserrat = Montserrat({
|
||||
variable: "--font-montserrat",
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const libreBaskerville = Libre_Baskerville({
|
||||
variable: "--font-libre-baskerville",
|
||||
subsets: ["latin"],
|
||||
weight: ["400", "700"],
|
||||
});
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
@@ -38,7 +47,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
||||
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
104
src/app/page.tsx
104
src/app/page.tsx
@@ -30,14 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Latitude"
|
||||
/>
|
||||
@@ -47,13 +44,11 @@ export default function LandingPage() {
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
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."
|
||||
logoText="Latitude: Curated Fine Dining"
|
||||
description="Experience the perfect intersection of sophisticated lounge culture and gourmet culinary excellence, redefining your dining expectations in Bhopal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{
|
||||
text: "Reserve Table", href: "#contact"},
|
||||
{ text: "Explore Menu", href: "/menu" },
|
||||
{ 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"
|
||||
@@ -66,12 +61,9 @@ export default function LandingPage() {
|
||||
title="A Premium Culinary Journey"
|
||||
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: "50+", title: "Signature Dishes"},
|
||||
{
|
||||
value: "Premium", title: "Lounge Ambience"},
|
||||
{ value: "1000+", title: "Happy Customers" },
|
||||
{ value: "50+", title: "Signature Dishes" },
|
||||
{ value: "Premium", title: "Lounge Ambience" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-antique-store_23-2149640699.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -84,12 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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."
|
||||
@@ -103,18 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Discover a fusion of traditional comfort and modern gourmet flair."
|
||||
@@ -128,12 +111,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m2", value: "24/7", description: "Support Available"},
|
||||
{
|
||||
id: "m3", value: "1000+", description: "Monthly Visitors"},
|
||||
{ id: "m1", value: "100%", description: "Customer Satisfaction" },
|
||||
{ id: "m2", value: "24/7", description: "Support Available" },
|
||||
{ id: "m3", value: "1000+", description: "Monthly Visitors" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Excellence defined by our commitment to quality."
|
||||
@@ -146,16 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -165,14 +140,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ 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>
|
||||
@@ -182,19 +155,8 @@ export default function LandingPage() {
|
||||
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: "#" }
|
||||
]
|
||||
}
|
||||
{ title: "Explore", items: [{ label: "Features", href: "/features" }, { label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Latitude Cafe. All Rights Reserved."
|
||||
/>
|
||||
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #ffffff;
|
||||
--foreground: #001122;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #f5faff;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #efebe5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #001122;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--secondary-cta-text: #000000;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user