Update src/app/page.tsx

Update src/app/styles/variables.css
2026-03-07 08:56:01 +00:00 · 2026-03-07 08:54:56 +00:00 · 2026-03-07 08:53:32 +00:00 · 2026-03-07 08:53:31 +00:00 · 2026-03-07 08:53:31 +00:00 · 2026-03-07 08:53:30 +00:00
4 changed files with 121 additions and 72 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,58 +1,22 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Inter_Tight } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const interTight = Inter_Tight({
-  variable: "--font-inter-tight",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
-});
+const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Café Coffee Day Coimbatore | Premium Coffee & Specialty Beverages",  description: "Award-winning café on Race Course Road serving premium specialty coffee, cappuccinos, mochas, and more. Rated 4.1★ by 2,618+ customers. Order online via Swiggy or visit us today.",  keywords: "café, coffee, cappuccino, Coimbatore, specialty coffee, café near me, premium beverages",  metadataBase: new URL("https://cafecoffeeday.com/coimbatore"),
-  alternates: {
-    canonical: "https://cafecoffeeday.com/coimbatore"},
-  openGraph: {
-    title: "Café Coffee Day - Premium Coffee Experience in Coimbatore",    description: "Discover excellence in every cup. Award-winning café with exceptional service, comfortable ambiance, and specialty beverages.",    url: "https://cafecoffeeday.com/coimbatore",    siteName: "Café Coffee Day",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg",        alt: "Café Coffee Day Premium Interior"},
-    ],
-    type: "website"},
-  twitter: {
-    card: "summary_large_image",    title: "Café Coffee Day - Award-Winning Coffee in Coimbatore",    description: "Experience premium specialty coffee crafted by passionate baristas. 4.1★ rated café on Race Course Road.",    images: ["http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Café Coffee Day - Premium Specialty Coffee",  description: "Experience the finest specialty coffee crafted by passionate baristas. Award-winning café with premium seating and exceptional service."};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={`${inter.variable} antialiased`}>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1420,7 +1384,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,9 +8,11 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Coffee, Heart, Sparkles, Star, CheckCircle } from "lucide-react";
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Coffee, Heart, Sparkles, Star, CheckCircle, MapPin, Phone, Clock } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -33,6 +35,7 @@ export default function LandingPage() {
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
+            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
@@ -54,7 +57,7 @@ export default function LandingPage() {
            { text: "Visit Us", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=1"
          imageAlt="Warm and welcoming café interior with premium seating"
          mediaAnimation="slide-up"
          avatars={[
@@ -92,9 +95,9 @@ export default function LandingPage() {
          tagAnimation="slide-up"
          products={[
            {
-              id: "1",              name: "Cappuccino Coffee",              price: "₹120",              imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg",              imageAlt: "Premium cappuccino with perfect latte art"},
+              id: "1",              name: "Cappuccino Coffee",              price: "₹120",              imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg?_wi=1",              imageAlt: "Premium cappuccino with perfect latte art"},
            {
-              id: "2",              name: "Cold Café Mocha",              price: "₹140",              imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-chocolate_23-2148937239.jpg",              imageAlt: "Refreshing cold mocha coffee"},
+              id: "2",              name: "Cold Café Mocha",              price: "₹140",              imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-chocolate_23-2148937239.jpg?_wi=1",              imageAlt: "Refreshing cold mocha coffee"},
            {
              id: "3",              name: "Hot Chocolate",              price: "₹110",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3806.jpg",              imageAlt: "Premium hot chocolate comfort drink"},
          ]}
@@ -148,6 +151,28 @@ export default function LandingPage() {
        />
      </div>

+      <div id="gallery" data-section="gallery">
+        <BlogCardThree
+          title="Café Gallery"
+          description="Explore the warm ambiance and beautiful moments from our café"
+          tag="Visual Tour"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          blogs={[
+            {
+              id: "1",              category: "Interior Design",              title: "Cozy Seating Spaces",              excerpt: "Our thoughtfully designed seating areas provide the perfect environment for work, meetings, or relaxation with premium comfort",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=2",              imageAlt: "Cozy café seating area",              authorName: "Café Coffee Day",              authorAvatar: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",              date: "15 Jan 2025"},
+            {
+              id: "2",              category: "Craft & Art",              title: "Expert Latte Art",              excerpt: "Our baristas create beautiful latte art on every specialty coffee, turning each cup into a masterpiece",              imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg?_wi=2",              imageAlt: "Beautiful latte art",              authorName: "Café Coffee Day",              authorAvatar: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",              date: "12 Jan 2025"},
+            {
+              id: "3",              category: "Ambiance",              title: "Perfect Meeting Spot",              excerpt: "Ideal location for business meetings, casual hangouts, or quality time with friends and family",              imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-chocolate_23-2148937239.jpg?_wi=2",              imageAlt: "Café meeting space",              authorName: "Café Coffee Day",              authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg",              date: "10 Jan 2025"},
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Café gallery section"
+        />
+      </div>
+
      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Café Coffee Day?"
@@ -171,26 +196,87 @@ export default function LandingPage() {
      </div>

      <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to experience the perfect cup of coffee? Visit us today or order online through Swiggy for delivery straight to your door."
-          animationType="background-highlight"
-          buttons={[
-            { text: "Order on Swiggy", href: "https://swiggy.com" },
-            { text: "Call Us", href: "tel:+918001025093" },
+        <ContactSplitForm
+          title="Get in Touch"
+          description="Have questions or want to make a reservation? Reach out to us directly. We're always happy to serve you."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
          ]}
-          background={{ variant: "sparkles-gradient" }}
+          textarea={{
+            name: "message",            placeholder: "Tell us how we can help...",            rows: 5,
+            required: true,
+          }}
          useInvertedBackground={false}
-          ariaLabel="Contact and order section"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=3"
+          imageAlt="Café interior"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={(data) => {
+            console.log("Form submitted:", data);
+          }}
+          ariaLabel="Contact form section"
+        />
+      </div>
+
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofOne
+          title="Trusted by Coffee Lovers Everywhere"
+          description="Join thousands of satisfied customers who choose Café Coffee Day for their daily dose of excellence"
+          tag="Community"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          names={[
+            "Coffee Enthusiasts",            "Business Professionals",            "Students & Creatives",            "Families & Friends",            "Remote Workers",            "Social Gatherings"]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+          ariaLabel="Social proof section"
        />
      </div>

      <div id="footer" data-section="footer">
-        <FooterLogoReveal
+        <FooterBaseCard
          logoText="Café Coffee Day"
-          leftLink={{
-            text: "Privacy Policy",            href: "#"}}
-          rightLink={{
-            text: "Contact Us",            href: "tel:+918001025093"}}
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Menu", href: "#menu" },
+                { label: "Reviews", href: "#testimonials" },
+                { label: "Gallery", href: "#gallery" },
+              ],
+            },
+            {
+              title: "Hours & Location",              items: [
+                { label: "Mon-Fri: 7:00 AM - 10:00 PM", href: "#" },
+                { label: "Sat-Sun: 8:00 AM - 11:00 PM", href: "#" },
+                { label: "Race Course Road", href: "#" },
+                { label: "Call: +91-800-102-5093", href: "tel:+918001025093" },
+              ],
+            },
+            {
+              title: "Follow Us",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+              ],
+            },
+            {
+              title: "Services",              items: [
+                { label: "Order Online", href: "https://swiggy.com" },
+                { label: "Corporate Catering", href: "#contact" },
+                { label: "Private Events", href: "#contact" },
+                { label: "Gift Cards", href: "#" },
+              ],
+            },
+          ]}
+          copyrightText="© 2025 Café Coffee Day. All rights reserved. Crafted with passion for coffee lovers."
+          onPrivacyClick={() => console.log("Privacy policy clicked")}
          ariaLabel="Site footer"
        />
      </div>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-source-sans-3), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --background: #faf8f3;
+  --card: #f3f1eb;
+  --foreground: #2b1f14;
+  --primary-cta: #5d3a1a;
  --primary-cta-text: #f5f5f5;
  --secondary-cta: #ffffff;
  --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
-  --background-accent: #e8bea8;
+  --accent: #d4a574;
+  --background-accent: #8b6f47;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	9816199f28	Update src/app/page.tsx	2026-03-07 08:56:01 +00:00
bender	90f6eeaeeb	Update src/app/page.tsx	2026-03-07 08:54:56 +00:00
bender	c80835f617	Update src/app/styles/variables.css	2026-03-07 08:53:32 +00:00
bender	66bf23992d	Update src/app/styles/base.css	2026-03-07 08:53:31 +00:00
bender	7df0741695	Update src/app/page.tsx	2026-03-07 08:53:31 +00:00
bender	d4a6a16878	Update src/app/layout.tsx	2026-03-07 08:53:30 +00:00
bender	c98b57f912	Merge version_1 into main Merge version_1 into main	2026-03-07 08:44:42 +00:00