Merge version_2 into main

Merge version_2 into main

src/app/cart/page.tsx

@@ -0,0 +1,77 @@
+"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 ContactCenter from '@/components/sections/contact/ContactCenter';
+import { ShoppingCart } from "lucide-react";
+
+export default function CartPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLargeSizeMediumTitles"
+        background="none"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About Us", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Books", id: "#products" },
+              { name: "Cart", id: "/cart" },
+              { name: "Checkout", id: "/checkout" },
+              { name: "Impact", id: "#metrics" },
+              { name: "Partners", id: "#partners" },
+              { name: "FAQs", id: "#faqs" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/26-january-indian-republic-day-concept-vector-illustration_460848-8774.jpg"
+            logoAlt="Kenbee EduTech Logo"
+            brandName="Kenbee EduTech"
+          />
+        </div>
+
+        <div className="flex flex-col items-center justify-center min-h-[calc(100vh-200px)] py-12 px-4 sm:px-6 lg:px-8">
+          <ShoppingCart className="h-16 w-16 text-gray-400 mb-6" />
+          <h1 className="text-4xl font-bold tracking-tight text-foreground sm:text-5xl mb-4">Your Shopping Cart</h1>
+          <p className="text-lg text-muted-foreground text-center max-w-md mb-8">
+            Review your selected items and proceed to checkout.
+          </p>
+          <div className="w-full max-w-3xl bg-card border border-border rounded-lg shadow-lg p-6 mb-8">
+            <p className="text-center text-lg text-foreground">Your cart is currently empty. Add some books to get started!</p>
+            {/* Placeholder for cart items */}
+            <div className="mt-8 flex justify-center">
+              <a
+                href="/checkout"
+                className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-cta hover:bg-primary-cta-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-cta"
+              >
+                Proceed to Checkout
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="http://img.b2bpic.net/free-photo/26-january-indian-republic-day-concept-vector-illustration_460848-8774.jpg"
+            logoAlt="Kenbee EduTech Logo"
+            logoText="Kenbee EduTech"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms & Conditions", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/checkout/page.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import React, { useState } from "react";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import Input from '@/components/form/Input';
+import { CreditCard } from "lucide-react";
+
+export default function CheckoutPage() {
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const [address, setAddress] = useState("");
+  const [city, setCity] = useState("");
+  const [zip, setZip] = useState("");
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    // Simulate order placement
+    console.log("Order placed!", { name, email, address, city, zip });
+    window.location.href = "/order-confirmation";
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLargeSizeMediumTitles"
+        background="none"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About Us", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Books", id: "#products" },
+              { name: "Cart", id: "/cart" },
+              { name: "Checkout", id: "/checkout" },
+              { name: "Impact", id: "#metrics" },
+              { name: "Partners", id: "#partners" },
+              { name: "FAQs", id: "#faqs" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/26-january-indian-republic-day-concept-vector-illustration_460848-8774.jpg"
+            logoAlt="Kenbee EduTech Logo"
+            brandName="Kenbee EduTech"
+          />
+        </div>
+
+        <div className="flex flex-col items-center justify-center min-h-[calc(100vh-200px)] py-12 px-4 sm:px-6 lg:px-8">
+          <CreditCard className="h-16 w-16 text-gray-400 mb-6" />
+          <h1 className="text-4xl font-bold tracking-tight text-foreground sm:text-5xl mb-4">Checkout</h1>
+          <p className="text-lg text-muted-foreground text-center max-w-md mb-8">
+            Complete your order by filling in your details below.
+          </p>
+          <form onSubmit={handleSubmit} className="w-full max-w-3xl bg-card border border-border rounded-lg shadow-lg p-6 mb-8">
+            <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
+              <div>
+                <label htmlFor="name" className="block text-sm font-medium text-foreground">Full Name</label>
+                <Input id="name" type="text" value={name} onChange={setName} placeholder="John Doe" required className="mt-1 block w-full" />
+              </div>
+              <div>
+                <label htmlFor="email" className="block text-sm font-medium text-foreground">Email Address</label>
+                <Input id="email" type="email" value={email} onChange={setEmail} placeholder="john.doe@example.com" required className="mt-1 block w-full" />
+              </div>
+              <div className="sm:col-span-2">
+                <label htmlFor="address" className="block text-sm font-medium text-foreground">Shipping Address</label>
+                <Input id="address" type="text" value={address} onChange={setAddress} placeholder="123 Main St" required className="mt-1 block w-full" />
+              </div>
+              <div>
+                <label htmlFor="city" className="block text-sm font-medium text-foreground">City</label>
+                <Input id="city" type="text" value={city} onChange={setCity} placeholder="New York" required className="mt-1 block w-full" />
+              </div>
+              <div>
+                <label htmlFor="zip" className="block text-sm font-medium text-foreground">Zip Code</label>
+                <Input id="zip" type="text" value={zip} onChange={setZip} placeholder="10001" required className="mt-1 block w-full" />
+              </div>
+            </div>
+            <div className="mt-8 flex justify-center">
+              <button
+                type="submit"
+                className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-cta hover:bg-primary-cta-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-cta"
+              >
+                Place Order
+              </button>
+            </div>
+          </form>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="http://img.b2bpic.net/free-photo/26-january-indian-republic-day-concept-vector-illustration_460848-8774.jpg"
+            logoAlt="Kenbee EduTech Logo"
+            logoText="Kenbee EduTech"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms & Conditions", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/order-confirmation/page.tsx

@@ -0,0 +1,76 @@
+"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 { CheckCircle } from "lucide-react";
+
+export default function OrderConfirmationPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLargeSizeMediumTitles"
+        background="none"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About Us", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Books", id: "#products" },
+              { name: "Cart", id: "/cart" },
+              { name: "Checkout", id: "/checkout" },
+              { name: "Impact", id: "#metrics" },
+              { name: "Partners", id: "#partners" },
+              { name: "FAQs", id: "#faqs" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/26-january-indian-republic-day-concept-vector-illustration_460848-8774.jpg"
+            logoAlt="Kenbee EduTech Logo"
+            brandName="Kenbee EduTech"
+          />
+        </div>
+
+        <div className="flex flex-col items-center justify-center min-h-[calc(100vh-200px)] py-12 px-4 sm:px-6 lg:px-8">
+          <CheckCircle className="h-16 w-16 text-green-500 mb-6" />
+          <h1 className="text-4xl font-bold tracking-tight text-foreground sm:text-5xl mb-4">Order Confirmed!</h1>
+          <p className="text-lg text-muted-foreground text-center max-w-md mb-8">
+            Thank you for your purchase. Your order has been successfully placed and will be processed shortly.
+          </p>
+          <div className="w-full max-w-3xl bg-card border border-border rounded-lg shadow-lg p-6 mb-8">
+            <p className="text-center text-lg text-foreground mb-4">Order Summary: (Placeholder for actual summary)</p>
+            {/* Placeholder for order details, e.g., list of items, total, shipping address etc. */}
+            <div className="mt-8 flex justify-center">
+              <a
+                href="/"
+                className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-cta hover:bg-primary-cta-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-cta"
+              >
+                Continue Shopping
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="http://img.b2bpic.net/free-photo/26-january-indian-republic-day-concept-vector-illustration_460848-8774.jpg"
+            logoAlt="Kenbee EduTech Logo"
+            logoText="Kenbee EduTech"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms & Conditions", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -59,8 +59,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      title="Foundation For Future: Empowering Young Minds"
+      title="Discover a World of Knowledge: Books for Young Minds"
-      description="Kenbee EduTech provides world-class preschool educational materials, fostering early childhood learning and building bright futures for every child."
+      description="Explore our curated collection of preschool educational books designed to inspire curiosity, foster learning, and build strong foundations for every child."
       testimonials={[
         {
           name: "Mrs. Priya Sharma",          handle: "Principal, Sunshine Academy",          testimonial: "Kenbee's curriculum has transformed our preschool. The interactive books and activities have made learning so much more engaging for our students!",          rating: 5,
@@ -255,4 +255,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}