Update src/app/features/page.tsx

Update src/app/page.tsx
Add src/app/features/page.tsx
2026-05-24 21:02:25 +00:00 · 2026-05-24 21:01:52 +00:00 · 2026-05-24 21:01:51 +00:00 · 2026-05-24 21:00:47 +00:00 · 2026-05-24 21:00:44 +00:00 · 2026-05-24 21:00:44 +00:00
5 changed files with 114 additions and 84 deletions
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -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>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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
--- a/src/app/page.tsx
+++ b/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."
      />
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #ff4500;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #ff6347;
-  --background-accent: #2a1500;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #000000;
+  --accent: #ffffff;
+  --background-accent: #e1b875;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	c35d55d936	Update src/app/features/page.tsx	2026-05-24 21:02:25 +00:00
bender	da69478141	Update src/app/page.tsx	2026-05-24 21:01:52 +00:00
bender	b42accc493	Add src/app/features/page.tsx	2026-05-24 21:01:51 +00:00
bender	706f0cf540	Merge version_17 into main Merge version_17 into main	2026-05-24 21:00:47 +00:00
bender	03b5b49659	Update theme fonts	2026-05-24 21:00:44 +00:00
bender	ab7572fe32	Update theme fonts	2026-05-24 21:00:44 +00:00
bender	bb4bf5d106	Merge version_17 into main Merge version_17 into main	2026-05-24 21:00:43 +00:00
bender	6d5a32c98f	Update theme fonts	2026-05-24 21:00:41 +00:00
bender	f1f99f4251	Update theme fonts	2026-05-24 21:00:40 +00:00
bender	06377a5835	Update theme fonts	2026-05-24 21:00:36 +00:00
bender	b987bc8369	Update theme fonts	2026-05-24 21:00:36 +00:00
bender	81bbffdc25	Merge version_17 into main Merge version_17 into main	2026-05-24 21:00:26 +00:00
bender	8b24952ee1	Update theme fonts	2026-05-24 21:00:23 +00:00
bender	db016d5da8	Merge version_17 into main Merge version_17 into main	2026-05-24 21:00:23 +00:00
bender	64e30506b8	Update theme fonts	2026-05-24 21:00:22 +00:00
bender	c2ed7b1f99	Update theme fonts	2026-05-24 21:00:20 +00:00
bender	67cfecce7f	Update theme fonts	2026-05-24 21:00:19 +00:00
bender	50e84f8409	Merge version_17 into main Merge version_17 into main	2026-05-24 20:59:20 +00:00
bender	d91a89146b	Update theme colors	2026-05-24 20:59:14 +00:00
bender	f130555930	Merge version_16 into main Merge version_16 into main	2026-05-24 20:59:08 +00:00
bender	d82b6b8131	Update theme colors	2026-05-24 20:59:05 +00:00
bender	47b1489434	Merge version_15 into main Merge version_15 into main	2026-05-24 20:58:58 +00:00
bender	8079ed7206	Update theme colors	2026-05-24 20:58:55 +00:00
bender	14f1478019	Merge version_14 into main Merge version_14 into main	2026-05-24 20:58:51 +00:00
bender	179e34d572	Update theme colors	2026-05-24 20:58:45 +00:00
bender	e219203430	Merge version_13 into main Merge version_13 into main	2026-05-24 20:58:18 +00:00
bender	0a936a9824	Update theme colors	2026-05-24 20:58:15 +00:00
bender	aba5e9d185	Merge version_12 into main Merge version_12 into main	2026-05-24 20:57:20 +00:00
bender	35b8207688	Update theme colors	2026-05-24 20:57:17 +00:00
bender	b7332cd110	Merge version_11 into main Merge version_11 into main	2026-05-24 20:57:10 +00:00
bender	33b6fe7532	Update theme colors	2026-05-24 20:57:07 +00:00
bender	6e5d990f25	Merge version_10 into main Merge version_10 into main	2026-05-24 20:57:04 +00:00
bender	7c70d67f74	Update theme colors	2026-05-24 20:57:01 +00:00
bender	58fdc0de80	Merge version_9 into main Merge version_9 into main	2026-05-24 20:56:53 +00:00
bender	406b9b0c1c	Update theme colors	2026-05-24 20:56:50 +00:00
bender	f297e9bf5f	Merge version_8 into main Merge version_8 into main	2026-05-24 20:56:47 +00:00
bender	35c0c6221e	Update theme colors	2026-05-24 20:56:44 +00:00
bender	a8c19cdca2	Merge version_7 into main Merge version_7 into main	2026-05-24 20:56:42 +00:00
bender	6f422c5e21	Update theme colors	2026-05-24 20:56:39 +00:00
bender	7c4565018c	Merge version_6 into main Merge version_6 into main	2026-05-24 20:56:31 +00:00
bender	5fe7d79ade	Update theme colors	2026-05-24 20:56:28 +00:00
bender	d234efd887	Merge version_5 into main Merge version_5 into main	2026-05-24 20:55:50 +00:00
bender	e64bf0224d	Update theme colors	2026-05-24 20:55:47 +00:00
bender	17d17e3940	Merge version_4 into main Merge version_4 into main	2026-05-24 20:55:01 +00:00
bender	edefef46c8	Update theme colors	2026-05-24 20:54:58 +00:00
bender	7f1bd04744	Merge version_3 into main Merge version_3 into main	2026-05-24 20:54:43 +00:00
bender	43ef2f812f	Update theme colors	2026-05-24 20:54:37 +00:00
bender	0a885bbf39	Merge version_2 into main Merge version_2 into main	2026-05-24 20:47:48 +00:00