Update src/app/services/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
@@ -32,6 +29,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Services", id: "/services" },
+        { name: "Products", id: "/products" },
         { name: "About", id: "features" },
         { name: "Contact", id: "contact" },
       ]}
@@ -63,8 +61,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         { title: "Smart Scheduling", description: "Real-time availability tracking that fits your busy life instantly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-clay-phone-16-pro-max_187299-46642.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/time-organization-concept-with-planner-flat-lay_23-2149046743.jpg" } },
-        { title: "Liquid Dashboard", description: "Manage all your upcoming and past bookings from one elegant screen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336540.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/task-management-application_23-2148628459.jpg" } },
-        { title: "Secure Payments", description: "Enterprise-grade encryption protecting your bookings every step of the way.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-calendar-design_23-2149239449.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_52683-43342.jpg" } },
+        { title: "Liquid Dashboard", description: "Manage all your upcoming and past bookings from one elegant screen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336540.jpg" }, phoneTwo: { imageSrc: "http://img.b2_vector/task-management-application_23-2148628459.jpg" } },
+        { title: "Secure Payments", description: "Enterprise-grade encryption protecting your bookings every step of the way.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-calendar-design_23-2149239449.jpg" }, phoneTwo: { imageSrc: "http://img.b2_vector/smart-home-management_52683-43342.jpg" } },
       ]}
       showStepNumbers={true}
       title="Designed for Flow"

src/app/products/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Products", id: "/products" },
+            { name: "About", id: "/" },
+            { name: "Contact", id: "/" },
+          ]}
+          brandName="ReserveElite"
+        />
+
+        <div id="products" data-section="products" style={{ marginTop: "100px" }}>
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            title="Our Products"
+            description="Discover our wide range of premium products tailored for your needs."
+            products={[
+              { id: "p1", name: "Premium Planner", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/planner-workspace-flat-lay_23-2148961730.jpg" },
+              { id: "p2", name: "Ergonomic Desk Mat", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/desk-mat-textured_23-2148961745.jpg" },
+            ]}
+          />
+        </div>
+
+        <FooterLogoReveal
+          logoText="ReserveElite"
+          leftLink={{ text: "Privacy", href: "#" }}
+          rightLink={{ text: "Terms", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
 export default function ServicesPage() {
   return (
@@ -25,6 +25,7 @@ export default function ServicesPage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "#products" },
+            { name: "Products", id: "/products" },
             { name: "About", id: "/" },
             { name: "Contact", id: "/" },
           ]}
@@ -44,8 +45,8 @@ export default function ServicesPage() {
               { id: "2", name: "Strategy Session", price: "$250", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-working-cafe-counter-processing-orders-using-pos-terminal-receiving_1258-199483.jpg" },
               { id: "3", name: "Digital Coaching", price: "$180", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-injecting-liquid-into-credit-card-with-syringe-cash-injection-concept_1301-3462.jpg" },
               { id: "4", name: "Creative Studio", price: "$300", variant: "Master", imageSrc: "http://img.b2bpic.net/free-photo/vintage-stationery-with-warm-light-shadows_24972-3068.jpg" },
-              { id: "5", name: "Health Coaching", price: "$150", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/multicolor-business-card-collection_1043-485.jpg" },
-              { id: "6", name: "Spa Therapy", price: "$200", variant: "Relaxation", imageSrc: "http://img.b2bpic.net/free-vector/minimalist-abstract-massage-wellness-gift-certificate_23-2148971950.jpg" },
+              { id: "5", name: "Health Coaching", price: "$150", variant: "Pro", imageSrc: "http://img.b2_vector/multicolor-business-card-collection_1043-485.jpg" },
+              { id: "6", name: "Spa Therapy", price: "$200", variant: "Relaxation", imageSrc: "http://img.b2_vector/minimalist-abstract-massage-wellness-gift-certificate_23-2148971950.jpg" },
             ]}
           />
         </div>