From aa577049be2a080963424a142b9cd888ac97cd7e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 07:59:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 244 ++++++++++++++++++-----------------------------
 1 file changed, 93 insertions(+), 151 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d2f051..3e93e14 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,166 +1,108 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import SplitAbout from '@/components/sections/about/SplitAbout';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import Link from "next/link";
+import { Star, Shield, ArrowRight } from "lucide-react";
+
+export default function Page() {
+  const navItems = [{ name: "Home", id: "/" }];
 
-export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="smallMedium"
-      sizing="large"
-      background="noiseDiagonalGradient"
-      cardStyle="gradient-radial"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      headingFontWeight="normal"
     >
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarStyleCentered
-            navItems={[
-              { name: "Menu", id: "menu" },
-              { name: "About", id: "about" },
-              { name: "Gallery", id: "gallery" },
-              { name: "Events", id: "experience" },
-              { name: "Reserve", id: "contact" },
-            ]}
-            brandName="HOOK"
-          />
-        </div>
-
-        <div id="hero" data-section="hero">
-          <HeroCarouselLogo
-            logoText="HOOK"
-            description="Kathmandu's favourite Asian restaurant and lounge, crafted for moments that matter."
-            buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "View Our Menu", href: "#menu" }]}
-            slides={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
-            ]}
-          />
-        </div>
-
-        <div id="about" data-section="about">
-          <SplitAbout
-            textboxLayout="split"
-            useInvertedBackground={true}
-            title="Where Every Occasion Becomes a Memory"
-            description="Hook Hospitality is more than a restaurant. It's a destination. Nestled in the heart of Kathmandu, we blend authentic Asian flavours with a lounge atmosphere that sets the mood for every occasion — from intimate dinners to private celebrations."
-            bulletPoints={[
-              { title: "308+ Happy Guests", description: "Joining our community daily" },
-              { title: "4.3 Star Rating", description: "Excellence in every bite" },
-              { title: "Private Events", description: "Customized for your celebration" },
-              { title: "Dine-in | Delivery", description: "Convenience meeting taste" },
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
-            imageAlt="elegant restaurant dining interior moody"
-            mediaAnimation="slide-up"
-          />
-        </div>
-
-        <div id="menu" data-section="menu">
-          <ProductCardThree
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
-            useInvertedBackground={false}
-            products={[
-              { id: "1", name: "Chicken Momo", price: "Non-Veg", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg" },
-              { id: "2", name: "Veg Momo", price: "Veg", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg" },
-              { id: "3", name: "Paneer Butter Masala", price: "Veg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529766.jpg" },
-              { id: "4", name: "Asian Stir Fry", price: "Non-Veg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529766.jpg" },
-              { id: "5", name: "Lounge Cocktails", price: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg" },
-              { id: "6", name: "Chef's Special", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg" },
-            ]}
-            title="A Taste of Hook"
-            description="Handpicked favourites from our kitchen."
-          />
-        </div>
-
-        <div id="experience" data-section="experience">
-          <FeatureCardSixteen
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-            negativeCard={{ items: ["No loud distractions", "No unrefined service"] }}
-            positiveCard={{ items: ["Elegant Interiors", "Private Events & Birthdays", "Lounge Bar Experience"] }}
-            title="The Hook Experience"
-            description="The ship-designed fountain. The warm lighting. The sound of a perfect evening."
-          />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            testimonials={[
-              { id: "1", name: "Omon Pandey", handle: "Local Guest", testimonial: "Thank you Hook Hospitality for making our daughter's birthday ceremony really special. The food, the service, the ambiance — it was beautiful and well done.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg" },
-              { id: "2", name: "Umesh Duwal", handle: "Regular Customer", testimonial: "The restaurant truly stands out with its elegant interior and stylish ambiance. A warm and inviting atmosphere that perfectly balances modern design with subtle charm.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-festive-dinner-christmas-eve-man-woman-looking-camera-while-enjoying-holiday-meal-celebration-sitting-together-feeling-cheerful-winter-festivity_482257-29018.jpg" },
-              { id: "3", name: "Sarah Lee", handle: "Foodie", testimonial: "Best service in Kathmandu. The momos were fresh and the cocktails were exquisite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg" },
-              { id: "4", name: "John Doe", handle: "Business Trip", testimonial: "Highly recommended for business meetings or intimate dinners. Classy vibe.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-festive-dinner-christmas-eve-man-woman-looking-camera-while-enjoying-holiday-meal-celebration-sitting-together-feeling-cheerful-winter-festivity_482257-29018.jpg" },
-              { id: "5", name: "Jane Smith", handle: "Local Resident", testimonial: "Lovely place. Everything is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg" },
-            ]}
-            showRating={true}
-            title="What Our Guests Say"
-            description="Hear from our wonderful community."
-          />
-        </div>
-
-        <div id="contact" data-section="contact">
-          <ContactSplitForm
-            useInvertedBackground={true}
-            title="Reserve Your Table"
-            description="For dine-in, private events, or birthday celebrations — we're ready for you. Contact us at 985-1349480."
-            inputs={[
-              { name: "Name", type: "text", placeholder: "Your Name", required: true },
-              { name: "Phone", type: "tel", placeholder: "Phone Number", required: true },
-              { name: "Date", type: "date", placeholder: "Date", required: true },
-              { name: "Guests", type: "number", placeholder: "Guests", required: true },
-            ]}
-            textarea={{ name: "Message", placeholder: "Your Request" }}
-            buttonText="Send Reservation Request"
-            imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
-            imageAlt="elegant restaurant dining interior moody"
-          />
-        </div>
-
-        <div id="footer" data-section="footer">
-          <FooterBase
-            columns={[
-              {
-                title: "Hook Hospitality",                items: [
-                  { label: "Menu", href: "#menu" },
-                  { label: "Reserve", href: "#contact" },
-                  { label: "About", href: "#about" },
-                  { label: "Gallery", href: "#gallery" },
-                ],
-              },
-              {
-                title: "Contact",                items: [
-                  { label: "985-1349480", href: "tel:9851349480" },
-                  { label: "Kathmandu, Nepal", href: "#" },
-                ],
-              },
-            ]}
-            logoText="HOOK"
-          />
-        </div>
-      </ReactLenis>
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered 
+          navItems={navItems.map(item => ({ name: item.name, id: item.id }))} 
+        />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroCarouselLogo 
+          logoText="Brand"
+          description="Experience the future of innovation."
+          buttons={[{ text: "Get Started", href: "#contact" }]}
+          slides={[{ imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070", imageAlt: "Hero" }]}
+        />
+      </div>
+      <div id="about" data-section="about">
+        <SplitAbout 
+          title="About Us"
+          description="We are a team of visionaries dedicated to excellence."
+          textboxLayout="default"
+          bulletPoints={[{ title: "Innovation", description: "Pioneering new solutions.", icon: Shield }]}
+          mediaAnimation="none"
+        />
+      </div>
+      <div id="menu" data-section="menu">
+        <ProductCardThree 
+          title="Our Products"
+          description="Premium selection for your needs."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          products={[
+            { id: "p1", name: "Item 1", price: "$10", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" },
+            { id: "p2", name: "Item 2", price: "$20", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" },
+            { id: "p3", name: "Item 3", price: "$30", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" }
+          ]}
+        />
+      </div>
+      <div id="experience" data-section="experience">
+        <FeatureCardSixteen 
+          title="Experience"
+          description="See how we stack up."
+          textboxLayout="default"
+          animationType="slide-up"
+          positiveCard={{ items: ["High quality", "Reliable"] }}
+          negativeCard={{ items: ["Low downtime", "Fast support"] }}
+        />
+      </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardThirteen 
+          title="Testimonials"
+          description="Hear what our clients say."
+          showRating={true}
+          animationType="slide-up"
+          textboxLayout="default"
+          testimonials={[{
+            id: "t1",            name: "John Doe",            handle: "@johndoe",            testimonial: "Excellent experience!",            rating: 5,
+            icon: Star
+          }, {
+            id: "t2",            name: "Jane Smith",            handle: "@janesmith",            testimonial: "Truly amazing service.",            rating: 5,
+            icon: Star
+          }]}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactSplitForm 
+          title="Contact Us"
+          description="Reach out to get started."
+          inputs={[{ name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "name", type: "text", placeholder: "Name", required: true }]}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBase 
+          logoText="Brand"
+          columns={[{ title: "Company", items: [{ label: "About", href: "/about" }] }]}
+        />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file