Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_2 into main
2026-03-05 16:41:20 +00:00 · 2026-03-05 16:41:20 +00:00 · 2026-03-05 16:37:52 +00:00 · 2026-03-05 16:37:47 +00:00 · 2026-03-05 16:37:46 +00:00 · 2026-03-05 16:35:25 +00:00
2 changed files with 123 additions and 43 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,54 +1,21 @@
 import type { Metadata } from "next";
 import { DM_Sans } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
-const dmSans = DM_Sans({
+const inter = Inter({ subsets: ["latin"] });
  variable: "--font-dm-sans",  subsets: ["latin"],
 });
 const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
 });
 export const metadata: Metadata = {
-  title: "Sun Hotels - Multi-Cuisine Restaurant Udumalaipettai",  description: "Authentic multi-cuisine dining at Sun Hotels, Udumalaipettai. Specializing in Chettinad cuisine, spacious AC dining, free parking, and exceptional service. Reserve your table today.",  keywords: "restaurant Udumalaipettai, Chettinad cuisine, multi-cuisine restaurant, authentic food, family dining, best restaurant Tamil Nadu",  metadataBase: new URL("https://sunhotelsudumalaipettai.com"),
+  title: "Sun Hotels - Multi-Cuisine Restaurant",  description: "Authentic taste and comfortable dining at Sun Hotels, located at UKPM Square, Udumalaipettai. Experience Chettinad and multi-cuisine specialties."
  alternates: {
    canonical: "https://sunhotelsudumalaipettai.com"
  },
  openGraph: {
    title: "Sun Hotels - Authentic Multi-Cuisine Restaurant",    description: "Experience premium multi-cuisine dining with authentic Chettinad specialties, spacious ambience, and exceptional service at Sun Hotels in Udumalaipettai.",    url: "https://sunhotelsudumalaipettai.com",    siteName: "Sun Hotels",    images: [
      {
        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX9aeiPEMX5CxW1d7qMul1H4jm/uploaded-1772728290259-kzbva66l.jpg",        alt: "Sun Hotels restaurant exterior and dining experience"
      }
    ],
    type: "website"
  },
  twitter: {
    card: "summary_large_image",    title: "Sun Hotels - Udumalaipettai",    description: "Multi-cuisine restaurant featuring authentic Chettinad dishes, spacious dining, and exceptional hospitality.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX9aeiPEMX5CxW1d7qMul1H4jm/uploaded-1772728290259-kzbva66l.jpg"]
  },
  robots: {
    index: true,
    follow: true
  }
 };
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body className={inter.className}>{children}
        <body
          className={`${dmSans.variable} ${inter.variable} antialiased`}
        >
          <Tag />
          {children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1416,7 +1383,6 @@ export default function RootLayout({
          }}
        />
      </body>
      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
@@ -25,9 +26,36 @@ import {
  Users,
  Flame,
  Star,
  CheckCircle,
  Calendar,
  Clock,
  Users as GuestIcon,
  Shield,
 } from "lucide-react";
 export default function SunHotelsLanding() {
  const [reservationConfirmation, setReservationConfirmation] = useState<{
    show: boolean;
    data: Record<string, string> | null;
  }>({
    show: false,
    data: null,
  });
  const handleReservationSubmit = (data: Record<string, string>) => {
    setReservationConfirmation({
      show: true,
      data,
    });
  };
  const closeConfirmation = () => {
    setReservationConfirmation({
      show: false,
      data: null,
    });
  };
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
@@ -41,6 +69,91 @@ export default function SunHotelsLanding() {
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      {reservationConfirmation.show && reservationConfirmation.data && (
        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
          <div className="w-full max-w-md rounded-3xl bg-white p-8 shadow-2xl">
            <div className="flex justify-center mb-6">
              <CheckCircle className="w-16 h-16 text-green-500" />
            </div>
            <h2 className="text-2xl font-bold text-center mb-2 text-gray-900">
              Reservation Confirmed!
            </h2>
            <p className="text-center text-gray-600 mb-6">
              Thank you for booking with us. Your table is reserved.
            </p>
            <div className="bg-gray-50 rounded-2xl p-6 space-y-4 mb-6">
              <div className="flex items-start gap-3">
                <span className="text-gray-400 mt-1">👤</span>
                <div>
                  <p className="text-sm text-gray-500">Guest Name</p>
                  <p className="font-semibold text-gray-900">
                    {reservationConfirmation.data.name}
                  </p>
                </div>
              </div>
              <div className="flex items-start gap-3">
                <Calendar className="w-5 h-5 text-gray-400 mt-0.5" />
                <div>
                  <p className="text-sm text-gray-500">Date</p>
                  <p className="font-semibold text-gray-900">
                    {new Date(reservationConfirmation.data.date).toLocaleDateString(
                      "en-US",                      {
                        weekday: "long",                        year: "numeric",                        month: "long",                        day: "numeric"}
                    )}
                  </p>
                </div>
              </div>
              <div className="flex items-start gap-3">
                <Clock className="w-5 h-5 text-gray-400 mt-0.5" />
                <div>
                  <p className="text-sm text-gray-500">Time</p>
                  <p className="font-semibold text-gray-900">
                    {reservationConfirmation.data.time}
                  </p>
                </div>
              </div>
              <div className="flex items-start gap-3">
                <GuestIcon className="w-5 h-5 text-gray-400 mt-0.5" />
                <div>
                  <p className="text-sm text-gray-500">Number of Guests</p>
                  <p className="font-semibold text-gray-900">
                    {reservationConfirmation.data.guests} {reservationConfirmation.data.guests === "1" ? "guest" : "guests"}
                  </p>
                </div>
              </div>
              <div className="flex items-start gap-3">
                <Phone className="w-5 h-5 text-gray-400 mt-0.5" />
                <div>
                  <p className="text-sm text-gray-500">Contact Number</p>
                  <p className="font-semibold text-gray-900">
                    {reservationConfirmation.data.phone}
                  </p>
                </div>
              </div>
              {reservationConfirmation.data.specialRequest && (
                <div className="border-t border-gray-200 pt-4 mt-4">
                  <p className="text-sm text-gray-500 mb-2">Special Requests</p>
                  <p className="text-sm text-gray-700">
                    {reservationConfirmation.data.specialRequest}
                  </p>
                </div>
              )}
            </div>
            <div className="space-y-3">
              <p className="text-sm text-gray-600 text-center">
                A confirmation has been sent to your phone number. We look forward to serving you!
              </p>
              <button
                onClick={closeConfirmation}
                className="w-full bg-gradient-to-r from-orange-500 to-red-500 hover:from-orange-600 hover:to-red-600 text-white font-semibold py-3 rounded-full transition-all"
              >
                Close
              </button>
            </div>
          </div>
        </div>
      )}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sun Hotels"
@@ -198,7 +311,7 @@ export default function SunHotelsLanding() {
      <div id="reservation" data-section="reservation">
        <ContactSplitForm
          title="Reserve Your Table"
-          description="Book your dining experience at Sun Hotels. We look forward to serving you authentic cuisine in a warm and welcoming atmosphere."
+          description="Book your dining experience at Sun Hotels with instant SMS confirmation. Your reservation is guaranteed, and we look forward to serving you authentic cuisine in a warm and welcoming atmosphere."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
@@ -216,6 +329,7 @@ export default function SunHotelsLanding() {
          imageAlt="Elegant restaurant setting for reservations"
          mediaAnimation="slide-up"
          mediaPosition="right"
          onSubmit={handleReservationSubmit}
        />
      </div>
Author	SHA1	Message	Date
bender	8f456e7e09	Update src/app/page.tsx	2026-03-05 16:41:20 +00:00
bender	8016d3e5da	Update src/app/layout.tsx	2026-03-05 16:41:20 +00:00
bender	8fc04cdcaa	Merge version_2 into main Merge version_2 into main	2026-03-05 16:37:52 +00:00
bender	49bf7b0974	Update src/app/page.tsx	2026-03-05 16:37:47 +00:00
bender	70495d54c5	Update src/app/layout.tsx	2026-03-05 16:37:46 +00:00
bender	3eff696895	Merge version_1 into main Merge version_1 into main	2026-03-05 16:35:25 +00:00
bender	4eeffb9410	Merge version_1 into main Merge version_1 into main	2026-03-05 16:34:29 +00:00
bender	5fd1d1e9b3	Merge version_1 into main Merge version_1 into main	2026-03-05 16:33:18 +00:00