Update src/app/reserve/page.tsx

Add src/app/reserve/page.tsx
Update src/app/page.tsx
2026-05-13 15:20:25 +00:00 · 2026-05-13 15:19:51 +00:00 · 2026-05-13 15:19:51 +00:00 · 2026-05-13 15:18:23 +00:00 · 2026-05-13 15:18:20 +00:00 · 2026-05-13 15:15:40 +00:00
4 changed files with 87 additions and 13 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Cormorant_Garamond, Jost } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -21,8 +22,16 @@ export const metadata: Metadata = {
  },
 };

-const cormorant = Cormorant_Garamond({ variable: "--font-cormorant", subsets: ["latin"], weight: ["400", "500", "600", "700"] });
-const jost = Jost({ variable: "--font-jost", subsets: ["latin"] });
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});

 export default function RootLayout({
  children,
@@ -32,7 +41,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${cormorant.variable} ${jost.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -37,9 +37,9 @@ export default function LandingPage() {
        {
          name: "Reviews",          id: "reviews"},
        {
-          name: "Reserve",          id: "reserve"},
+          name: "Reserve",          id: "/reserve"},
      ]}
-      brandName="Saffron & Silk"
+      brandName=""
    />
  </div>

@@ -47,11 +47,11 @@ export default function LandingPage() {
      <HeroBillboardRotatedCarousel
      background={{
        variant: "gradient-bars"}}
-      title="A Symphony of Saffron & Silk"
+      title="Super Kitchen Corner"
      description="Experience the timeless elegance of traditional Indian cuisine, reimagined for the modern palate."
      buttons={[
        {
-          text: "Reserve a Table",          href: "#contact"},
+          text: "Reserve a Table",          href: "/reserve"},
      ]}
      carouselItems={[
        {
@@ -160,7 +160,7 @@ export default function LandingPage() {
      text="Join us for an unforgettable evening. Located at Jatheri Rd, Sector 35, Sonipat, Haryana 131001. Open 5pm-11pm."
      buttons={[
        {
-          text: "Reserve Now",          href: "tel:+1234567890"},
+          text: "Reserve Now",          href: "/reserve"},
        {
          text: "Order via Swiggy",          href: "https://swiggy.com"},
      ]}
@@ -174,11 +174,11 @@ export default function LandingPage() {
        {
          title: "Navigation",          items: [
            {
-              label: "About",              href: "#about"},
+              label: "About",              href: "/#about"},
            {
-              label: "Menu",              href: "#menu"},
+              label: "Menu",              href: "/#menu"},
            {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/#contact"},
          ],
        },
        {
--- a/src/app/reserve/page.tsx
+++ b/src/app/reserve/page.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { useState } from "react";
+import ContactText from '@/components/sections/contact/ContactText';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ReservePage() {
+  const [name, setName] = useState("");
+  const [date, setDate] = useState("");
+
+  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"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Reserve", id: "/reserve" }
+          ]}
+          brandName="Saffron & Silk"
+        />
+      </div>
+      <main className="min-h-screen py-20 flex flex-col items-center justify-center">
+        <div className="max-w-md w-full p-8 bg-card rounded-lg shadow-lg">
+          <h1 className="text-3xl font-bold mb-6 text-foreground">Reserve a Table</h1>
+          <form className="flex flex-col gap-4" onSubmit={(e) => { e.preventDefault(); alert("Reservation requested!"); }}>
+            <input 
+              className="p-3 rounded border bg-background text-foreground" 
+              placeholder="Your Name" 
+              value={name} 
+              onChange={(e) => setName(e.target.value)} 
+              required 
+            />
+            <input 
+              type="date" 
+              className="p-3 rounded border bg-background text-foreground" 
+              value={date} 
+              onChange={(e) => setDate(e.target.value)} 
+              required 
+            />
+            <button type="submit" className="p-3 bg-primary-cta text-white rounded font-bold hover:opacity-90">Confirm Reservation</button>
+          </form>
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterBaseCard 
+          logoText="Saffron & Silk" 
+          columns={[]} 
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- 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-cormorant-jost), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-cormorant-jost), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
Author	SHA1	Message	Date
bender	88abdca5de	Update src/app/reserve/page.tsx	2026-05-13 15:20:25 +00:00
bender	71d58b8227	Add src/app/reserve/page.tsx	2026-05-13 15:19:51 +00:00
bender	5ac4d62ee3	Update src/app/page.tsx	2026-05-13 15:19:51 +00:00
bender	fd6faf3498	Merge version_3 into main Merge version_3 into main	2026-05-13 15:18:23 +00:00
bender	299aeb3a0f	Update src/app/page.tsx	2026-05-13 15:18:20 +00:00
bender	7f1b335b5d	Merge version_3 into main Merge version_3 into main	2026-05-13 15:15:40 +00:00
bender	cb042e2b4a	Update theme fonts	2026-05-13 15:15:37 +00:00
bender	28a607b06e	Update theme fonts	2026-05-13 15:15:37 +00:00
bender	ea1d07f73e	Merge version_3 into main Merge version_3 into main	2026-05-13 15:14:43 +00:00
bender	c77106f8d2	Update src/app/page.tsx	2026-05-13 15:14:40 +00:00
bender	8e2f7df429	Merge version_2 into main Merge version_2 into main	2026-05-13 15:11:39 +00:00