Merge version_2 into main

Merge version_2 into main

src/app/cart/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ProductCart from '@/components/ecommerce/cart/ProductCart';
+
+export default function CartPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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: "Cart", id: "/cart" }, { name: "Checkout", id: "/checkout" }, { name: "Profile", id: "/profile" }]} 
+          brandName="Pilicat"
+          button={{ text: "Contact", href: "#contact" }}
+        />
+      </div>
+      <div className="min-h-screen py-24 px-8">
+         <ProductCart 
+            isOpen={true} 
+            onClose={() => {}} 
+            items={[]} 
+            total="$0.00"
+            buttons={[{ text: "Checkout", href: "/checkout" }]}
+         />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterSimple columns={[]} bottomLeftText="© 2024 Pilicat." bottomRightText="Privacy Policy" />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/checkout/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import React from 'react';
+
+export default function CheckoutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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: "Cart", id: "/cart" }, { name: "Checkout", id: "/checkout" }, { name: "Profile", id: "/profile" }]} 
+          brandName="Pilicat"
+          button={{ text: "Contact", href: "#contact" }}
+        />
+      </div>
+      <main className="min-h-screen pt-24 px-8 pb-16">
+        <h1 className="text-4xl font-bold mb-8">Checkout</h1>
+        <div className="bg-card p-8 rounded-lg shadow-sm">
+          <p className="text-lg">Complete your purchase by entering your shipping details and payment information below.</p>
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[]}
+          bottomLeftText="© 2024 Pilicat. All rights reserved."
+          bottomRightText="Terms of Service"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
@@ -26,17 +26,16 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Products",          id: "catalog"},
-        {
-          name: "Support",          id: "contact"},
-      ]}
+      <NavbarStyleApple
       brandName="Pilicat"
-      button={{ text: "Contact", href: "#contact" }}
+      navItems={[
+        { name: "Home", id: "hero" },
+        { name: "Shop", id: "catalog" },
+        { name: "Categories", id: "catalog" },
+        { name: "Search", id: "catalog" },
+        { name: "Cart", id: "cart" },
+        { name: "Account", id: "account" }
+      ]}
     />
   </div>
 
@@ -141,4 +140,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/product/[id]/page.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import React from 'react';
+
+export default function ProductPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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: "Cart", id: "/cart" }, { name: "Checkout", id: "/checkout" }, { name: "Profile", id: "/profile" }]} 
+          brandName="Pilicat"
+          button={{ text: "Contact", href: "#contact" }}
+        />
+      </div>
+      <main className="min-h-screen pt-24 px-8 pb-16">
+        <h1 className="text-4xl font-bold mb-8">Product Details</h1>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterSimple columns={[]} bottomLeftText="© 2024 Pilicat." bottomRightText="Privacy Policy" />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/profile/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import React from 'react';
+
+export default function ProfilePage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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: "Cart", id: "/cart" }, { name: "Checkout", id: "/checkout" }, { name: "Profile", id: "/profile" }]} 
+          brandName="Pilicat"
+          button={{ text: "Contact", href: "#contact" }}
+        />
+      </div>
+      <main className="min-h-screen pt-24 px-8 pb-16">
+        <h1 className="text-4xl font-bold mb-8">My Account</h1>
+        <div className="bg-card p-8 rounded-lg shadow-sm">
+          <p className="text-lg">Welcome back! View your order history, manage your profile, and update your preferences here.</p>
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[]}
+          bottomLeftText="© 2024 Pilicat. All rights reserved."
+          bottomRightText="Settings"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}