Update src/app/products/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -7,7 +7,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -25,10 +25,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "About", id: "/about" },
-        {
+        { name: "Products", id: "/products" },
-          name: "About",          id: "/about"},
       ]}
       brandName="Tess's Kitchen"
     />
@@ -48,15 +47,11 @@ export default function LandingPage() {
   <div id="contact-cta" data-section="contact-cta">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
       tag="Ready to order?"
       title="Order for your next handaan!"
       description="Send us a message to reserve your favorite treats for your upcoming celebrations."
-      buttons={[
+      buttons={[{ text: "Contact Us", href: "#" }]}
-        {
-          text: "Contact Us",          href: "#"},
-      ]}
     />
   </div>
 
@@ -65,18 +60,15 @@ export default function LandingPage() {
       columns={[
         {
           title: "Tess's Kitchen",          items: [
-            {
+            { label: "Home", href: "/" },
-              label: "Home",              href: "/"},
+            { label: "About", href: "/about" },
-            {
+            { label: "Products", href: "/products" },
-              label: "About",              href: "/about"},
           ],
         },
         {
           title: "Follow Us",          items: [
-            {
+            { label: "Facebook", href: "#" },
-              label: "Facebook",              href: "#"},
+            { label: "Instagram", href: "#" },
-            {
-              label: "Instagram",              href: "#"},
           ],
         },
       ]}

src/app/page.tsx

@@ -26,10 +26,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "About", id: "/about" },
-        {
+        { name: "Products", id: "/products" },
-          name: "About",          id: "/about"},
       ]}
       brandName="Tess's Kitchen"
     />
@@ -37,64 +36,41 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Freshly Baked Filipino Favorites, Made with Love"
       description=" located at 1348 E Florence Blvd #2, Casa Grande, AZ 85122"
       leftCarouselItems={[
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586028607-z6btk7tk.jpg", imageAlt: "Fresh bread 1" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586028607-z6btk7tk.jpg",          imageAlt: "Fresh bread 1"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg?_wi=1", imageAlt: "Ube cake" },
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg?_wi=2", imageAlt: "Pandesal" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg?_wi=1",          imageAlt: "Ube cake"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586004740-pvx21mrg.jpg", imageAlt: "Ensaymada" },
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586264980-2rrp2fod.jpg", imageAlt: "Leche flan" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg?_wi=2",          imageAlt: "Pandesal"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586004740-pvx21mrg.jpg",          imageAlt: "Ensaymada"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586264980-2rrp2fod.jpg",          imageAlt: "Leche flan"},
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586104191-qd922sr2.jpg", imageAlt: "Pandesal" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586104191-qd922sr2.jpg",          imageAlt: "Pandesal"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586351742-nkg78jid.jpg", imageAlt: "Ensaymada" },
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586341729-xn5d89ng.jpg", imageAlt: "Leche flan" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586351742-nkg78jid.jpg",          imageAlt: "Ensaymada"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586076905-8aql84gr.jpg", imageAlt: "Fresh bread 3" },
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586294245-nz1ypegd.jpg", imageAlt: "Ube cake 2" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586341729-xn5d89ng.jpg",          imageAlt: "Leche flan"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586076905-8aql84gr.jpg",          imageAlt: "Fresh bread 3"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586294245-nz1ypegd.jpg",          imageAlt: "Ube cake 2"},
       ]}
       buttons={[
-        {
+        { text: "Order Now", href: "#" },
-          text: "Order Now",          href: "#"},
+        { text: "View Products", href: "/products" },
-        {
-          text: "View Menu",          href: "#"},
       ]}
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/happy-woman-eating-cupcakes-table-having-fun_171337-14504.jpg", alt: "Customer 1" },
-          src: "http://img.b2bpic.net/free-photo/happy-woman-eating-cupcakes-table-having-fun_171337-14504.jpg",          alt: "Customer 1"},
+        { src: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg", alt: "Customer 2" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/smiling-baker-placing-baked-buns-shelf_1170-2289.jpg", alt: "Customer 3" },
-          src: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg",          alt: "Customer 2"},
+        { src: "http://img.b2bpic.net/free-photo/smiling-young-indian-woman-loving-dessert_1262-5797.jpg", alt: "Customer 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/close-up-young-women-man-smiling_23-2148431309.jpg", alt: "Customer 5" },
-          src: "http://img.b2bpic.net/free-photo/smiling-baker-placing-baked-buns-shelf_1170-2289.jpg",          alt: "Customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-indian-woman-loving-dessert_1262-5797.jpg",          alt: "Customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-women-man-smiling_23-2148431309.jpg",          alt: "Customer 5"},
       ]}
       avatarText="Loved by over 500 happy families!"
       marqueeItems={[
-        {
+        { type: "text", text: "Authentic" },
-          type: "text",          text: "Authentic"},
+        { type: "text", text: "Handmade" },
-        {
+        { type: "text", text: "Traditional" },
-          type: "text",          text: "Handmade"},
+        { type: "text", text: "Fresh Daily" },
-        {
+        { type: "text", text: "Filipino Pride" },
-          type: "text",          text: "Traditional"},
-        {
-          type: "text",          text: "Fresh Daily"},
-        {
-          type: "text",          text: "Filipino Pride"},
       ]}
     />
   </div>
@@ -106,24 +82,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", brand: "Te", name: "pan de ube ", price: "", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586158443-y6cb1q81.jpg?_wi=1" },
-          id: "1",          brand: "Te",          name: "pan de ube ",          price: "",          rating: 5,
+        { id: "2", brand: "Te", name: "Pandesal (6pcs)", price: "", rating: 5, reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586183006-jrrzihd2.jpg?_wi=1" },
-          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586158443-y6cb1q81.jpg"},
+        { id: "3", brand: "Te", name: "binikal ", price: "", rating: 5, reviewCount: "180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586221711-ylae7pax.jpg?_wi=1" },
-        {
+        { id: "4", brand: "Te", name: "spanish bread ", price: "", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586235577-pshybbnc.jpg?_wi=1" },
-          id: "2",          brand: "Te",          name: "Pandesal (6pcs)",          price: "",          rating: 5,
+        { id: "5", brand: "Te", name: "pan de coco ", price: "", rating: 5, reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587040882-mwwctuhy.jpg?_wi=1" },
-          reviewCount: "250",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586183006-jrrzihd2.jpg"},
+        { id: "6", brand: "Te", name: "", price: "", rating: 5, reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587072572-mo8869xa.jpg?_wi=1" },
-        {
-          id: "3",          brand: "Te",          name: "binikal ",          price: "",          rating: 5,
-          reviewCount: "180",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586221711-ylae7pax.jpg"},
-        {
-          id: "4",          brand: "Te",          name: "spanish bread ",          price: "",          rating: 5,
-          reviewCount: "95",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586235577-pshybbnc.jpg"},
-        {
-          id: "5",          brand: "Te",          name: "pan de coco ",          price: "",          rating: 5,
-          reviewCount: "70",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587040882-mwwctuhy.jpg"},
-        {
-          id: "6",          brand: "Te",          name: "",          price: "",          rating: 5,
-          reviewCount: "110",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587072572-mo8869xa.jpg"},
       ]}
       title="Featured Favorites"
       description="Try our signature baked goods!"
@@ -138,16 +102,11 @@ export default function LandingPage() {
       title="By The Numbers"
       description="Proudly serving our community with excellence."
       metrics={[
-        {
+        { id: "1", value: "100+ ", title: "Happy Customers", description: "Served with warmth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587190510-8hsazq0a.jpg" },
-          id: "1",          value: "100+ ",          title: "Happy Customers",          description: "Served with warmth",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587190510-8hsazq0a.jpg"},
+        { id: "2", value: "15+", title: "Years Baking", description: "Traditional mastery", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587200831-fpodaplo.jpg" },
-        {
+        { id: "3", value: "5+ ", title: "Recipes", description: "Filipino classics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586205047-b5561x7b.jpg" },
-          id: "2",          value: "15+",          title: "Years Baking",          description: "Traditional mastery",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587200831-fpodaplo.jpg"},
+        { id: "4", value: "1 ", title: "Bakery Locations", description: "Expanding our reach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587209494-2kdy0mrq.jpg" },
-        {
+        { id: "1 ", value: "100%", title: "Satisfaction", description: "Guaranteed quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587227779-lyteqbjm.jpg" },
-          id: "3",          value: "5+ ",          title: "Recipes",          description: "Filipino classics",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586205047-b5561x7b.jpg"},
-        {
-          id: "4",          value: "1 ",          title: "Bakery Locations",          description: "Expanding our reach",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587209494-2kdy0mrq.jpg"},
-        {
-          id: "1 ",          value: "100%",          title: "Satisfaction",          description: "Guaranteed quality",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587227779-lyteqbjm.jpg"},
       ]}
     />
   </div>
@@ -157,18 +116,15 @@ export default function LandingPage() {
       columns={[
         {
           title: "Tess's Kitchen",          items: [
-            {
+            { label: "Home", href: "/" },
-              label: "Home",              href: "/"},
+            { label: "About", href: "/about" },
-            {
+            { label: "Products", href: "/products" },
-              label: "About",              href: "/about"},
           ],
         },
         {
           title: "Follow Us",          items: [
-            {
+            { label: "Facebook", href: "#" },
-              label: "Facebook",              href: "#"},
+            { label: "Instagram", href: "#" },
-            {
-              label: "Instagram",              href: "#"},
           ],
         },
       ]}

src/app/products/page.tsx

@@ -0,0 +1,78 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="grid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleApple
+      navItems={[
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Products", id: "/products" },
+      ]}
+      brandName="Tess's Kitchen"
+    />
+  </div>
+
+  <div id="products" data-section="products" className="py-20">
+      <ProductCardTwo
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={false}
+      products={[
+        { id: "1", brand: "Te", name: "pan de ube ", price: "", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586158443-y6cb1q81.jpg?_wi=2" },
+        { id: "2", brand: "Te", name: "Pandesal (6pcs)", price: "", rating: 5, reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586183006-jrrzihd2.jpg?_wi=2" },
+        { id: "3", brand: "Te", name: "binikal ", price: "", rating: 5, reviewCount: "180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586221711-ylae7pax.jpg?_wi=2" },
+        { id: "4", brand: "Te", name: "spanish bread ", price: "", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586235577-pshybbnc.jpg?_wi=2" },
+        { id: "5", brand: "Te", name: "pan de coco ", price: "", rating: 5, reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587040882-mwwctuhy.jpg?_wi=2" },
+        { id: "6", brand: "Te", name: "", price: "", rating: 5, reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587072572-mo8869xa.jpg?_wi=2" },
+      ]}
+      title="Our Products"
+      description="Discover our full range of traditional Filipino baked treats."
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterSimple
+      columns={[
+        {
+          title: "Tess's Kitchen",          items: [
+            { label: "Home", href: "/" },
+            { label: "About", href: "/about" },
+            { label: "Products", href: "/products" },
+          ],
+        },
+        {
+          title: "Follow Us",          items: [
+            { label: "Facebook", href: "#" },
+            { label: "Instagram", href: "#" },
+          ],
+        },
+      ]}
+      bottomLeftText="© 2024 Tess's Kitchen"
+      bottomRightText="All rights reserved."
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}