From e32ab8a0fba6813bc554fa25c6a8e672f96292df Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 12:02:38 +0000
Subject: [PATCH 1/5] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 95 +++++++++---------------------------------
 1 file changed, 19 insertions(+), 76 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index d339910..9464b56 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,37 +7,29 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/product",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Products", id: "/product" },
+        { name: "About", id: "/about" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Trackly"
     />
@@ -48,8 +40,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Mission"
       description={[
-        "Trackly was born to ensure you never lose touch with what matters most. We believe in high-tech, accessible solutions.",
-      ]}
+        "Trackly was born to ensure you never lose touch with what matters most. We believe in high-tech, accessible solutions."]}
     />
   </div>
 
@@ -62,20 +53,8 @@ export default function LandingPage() {
       title="Our Team"
       description="Meet the minds behind Trackly."
       members={[
-        {
-          id: "tm1",
-          name: "Alex Smith",
-          role: "CEO",
-          description: "Tech visionary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg?_wi=2",
-        },
-        {
-          id: "tm2",
-          name: "Jordan Lee",
-          role: "Lead Engineer",
-          description: "Hardware expert.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg?_wi=3",
-        },
+        { id: "tm1", name: "Alex Smith", role: "CEO", description: "Tech visionary.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg" },
+        { id: "tm2", name: "Jordan Lee", role: "Lead Engineer", description: "Hardware expert.", imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg" }
       ]}
     />
   </div>
@@ -83,45 +62,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Tracker",
-              href: "/product",
-            },
-            {
-              label: "Features",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
       bottomLeftText="© 2024 TracklyHub"
       bottomRightText="Built with love."
-- 
2.49.1


From dd113dab6107e3519c683b2ed3d64b1a9acd63d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 12:02:38 +0000
Subject: [PATCH 2/5] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 94 ++++++++--------------------------------
 1 file changed, 19 insertions(+), 75 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index dc8324b..c8b8507 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,37 +8,29 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import { Clock, Headphones } from "lucide-react";
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/product",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Products", id: "/product" },
+        { name: "About", id: "/about" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Trackly"
     />
@@ -47,9 +39,7 @@ export default function LandingPage() {
   <div id="contact-section" data-section="contact-section">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Contact"
       title="Get in touch"
       description="Have questions? We're here to help."
@@ -64,18 +54,8 @@ export default function LandingPage() {
       title="Support Availability"
       description="We are available 24/7."
       metrics={[
-        {
-          id: "c-1",
-          icon: Clock,
-          title: "Avg Response Time",
-          value: "2h",
-        },
-        {
-          id: "c-2",
-          icon: Headphones,
-          title: "Support Channels",
-          value: "4",
-        },
+        { id: "c-1", icon: Clock, title: "Avg Response Time", value: "2h" },
+        { id: "c-2", icon: Headphones, title: "Support Channels", value: "4" }
       ]}
     />
   </div>
@@ -83,45 +63,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Tracker",
-              href: "/product",
-            },
-            {
-              label: "Features",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
       bottomLeftText="© 2024 TracklyHub"
       bottomRightText="Built with love."
-- 
2.49.1


From b3450c646204fc19013d6d087758bac4182662fe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 12:02:39 +0000
Subject: [PATCH 3/5] Update src/app/faq/page.tsx

---
 src/app/faq/page.tsx | 108 +++++++++----------------------------------
 1 file changed, 22 insertions(+), 86 deletions(-)

diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
index efcde33..b42a09e 100644
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -7,37 +7,29 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
-export default function LandingPage() {
+export default function FaqPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/product",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Products", id: "/product" },
+        { name: "About", id: "/about" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Trackly"
     />
@@ -48,26 +40,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How does it track?",
-          content: "Uses Bluetooth and GPS signals.",
-        },
-        {
-          id: "q2",
-          title: "Waterproof?",
-          content: "Yes, IP67 rated.",
-        },
-        {
-          id: "q3",
-          title: "Subscription?",
-          content: "No hidden fees.",
-        },
+        { id: "q1", title: "How does it track?", content: "Uses Bluetooth and GPS signals." },
+        { id: "q2", title: "Waterproof?", content: "Yes, IP67 rated." },
+        { id: "q3", title: "Subscription?", content: "No hidden fees." }
       ]}
       title="Common Questions"
       faqsAnimation="slide-up"
       description="Find answers to frequently asked questions about our trackers."
-      imageSrc="http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -78,16 +58,8 @@ export default function LandingPage() {
       sideTitle="Still need help?"
       sideDescription="Reach out to our support team."
       faqs={[
-        {
-          id: "faq-1",
-          title: "Return policy?",
-          content: "30-day money back.",
-        },
-        {
-          id: "faq-2",
-          title: "Shipping time?",
-          content: "3-5 business days.",
-        },
+        { id: "faq-1", title: "Return policy?", content: "30-day money back." },
+        { id: "faq-2", title: "Shipping time?", content: "3-5 business days." }
       ]}
       faqsAnimation="slide-up"
     />
@@ -96,45 +68,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Tracker",
-              href: "/product",
-            },
-            {
-              label: "Features",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
       bottomLeftText="© 2024 TracklyHub"
       bottomRightText="Built with love."
-- 
2.49.1


From b3e9420f08ee04e6b2a5277db490e2632d4256fc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 12:02:39 +0000
Subject: [PATCH 4/5] Update src/app/page.tsx

---
 src/app/page.tsx | 208 ++++++++---------------------------------------
 1 file changed, 32 insertions(+), 176 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1908a55..9bd6b7e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/product",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Products", id: "/product" },
+        { name: "About", id: "/about" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Trackly"
     />
@@ -49,22 +41,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       logoText="Trackly"
       description="Never Lose What Matters Again. Experience peace of mind with the world's most advanced smart Bluetooth GPS tracker."
       buttons={[
-        {
-          text: "Buy Now",
-          href: "/product",
-        },
-        {
-          text: "Learn More",
-          href: "/about",
-        },
+        { text: "Buy Now", href: "/product" },
+        { text: "Learn More", href: "/about" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -76,26 +60,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Real-time tracking",
-          description: "Pinpoint location with precision.",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg?_wi=1",
-        },
-        {
-          title: "Long battery life",
-          description: "Lasts weeks on a single charge.",
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-inforgraphic-element-collection_52683-26043.jpg",
-        },
-        {
-          title: "Works worldwide",
-          description: "Global connectivity guaranteed.",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg?_wi=1",
-        },
-        {
-          title: "Easy to use",
-          description: "Setup in seconds via our app.",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg?_wi=2",
-        },
+        { title: "Real-time tracking", description: "Pinpoint location with precision.", imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg" },
+        { title: "Long battery life", description: "Lasts weeks on a single charge.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-inforgraphic-element-collection_52683-26043.jpg" },
+        { title: "Works worldwide", description: "Global connectivity guaranteed.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg" },
+        { title: "Easy to use", description: "Setup in seconds via our app.", imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg" }
       ]}
       title="Built for Everything"
       description="From your beloved pets to your essential belongings, Trackly keeps you connected."
@@ -107,46 +75,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Great!",
-          quote: "I found my dog in seconds.",
-          name: "Sarah J.",
-          role: "Pet Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Amazing",
-          quote: "Perfect for my overseas trips.",
-          name: "Mark D.",
-          role: "Traveler",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog-outside_23-2149003357.jpg",
-        },
-        {
-          id: "3",
-          title: "Life Saver",
-          quote: "Never lost my keys again.",
-          name: "Emily K.",
-          role: "Design Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6617.jpg",
-        },
-        {
-          id: "4",
-          title: "Awesome",
-          quote: "The battery life is unmatched.",
-          name: "David W.",
-          role: "Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          title: "Essential",
-          quote: "I can't imagine my life without it now.",
-          name: "Alex R.",
-          role: "Cyclist",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg?_wi=2",
-        },
+        { id: "1", title: "Great!", quote: "I found my dog in seconds.", name: "Sarah J.", role: "Pet Owner", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg" },
+        { id: "2", title: "Amazing", quote: "Perfect for my overseas trips.", name: "Mark D.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog-outside_23-2149003357.jpg" },
+        { id: "3", title: "Life Saver", quote: "Never lost my keys again.", name: "Emily K.", role: "Design Lead", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6617.jpg" },
+        { id: "4", title: "Awesome", quote: "The battery life is unmatched.", name: "David W.", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg" },
+        { id: "5", title: "Essential", quote: "I can't imagine my life without it now.", name: "Alex R.", role: "Cyclist", imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg" }
       ]}
       title="Loved by Thousands"
       description="See why people trust Trackly for their pets and personal belongings."
@@ -161,18 +94,8 @@ export default function LandingPage() {
       title="Why Choose Us"
       description="Evidence of our commitment to tracking excellence."
       metrics={[
-        {
-          id: "m1",
-          icon: MapPin,
-          title: "Locations Tracked",
-          value: "1M+",
-        },
-        {
-          id: "m2",
-          icon: Activity,
-          title: "Battery Life (Days)",
-          value: "30+",
-        },
+        { id: "m1", icon: MapPin, title: "Locations Tracked", value: "1M+" },
+        { id: "m2", icon: Activity, title: "Battery Life (Days)", value: "30+" }
       ]}
     />
   </div>
@@ -185,39 +108,8 @@ export default function LandingPage() {
       title="Simple Pricing"
       description="Choose the tracker that fits your lifestyle."
       plans={[
-        {
-          id: "pl1",
-          badge: "Essential",
-          price: "$29",
-          subtitle: "Perfect for essentials",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-          features: [
-            "Bluetooth tracking",
-            "Waterproof",
-          ],
-        },
-        {
-          id: "pl2",
-          badge: "Pro",
-          price: "$49",
-          subtitle: "For global travelers",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-          features: [
-            "GPS tracking",
-            "Global coverage",
-            "Extended battery",
-          ],
-        },
+        { id: "pl1", badge: "Essential", price: "$29", subtitle: "Perfect for essentials", buttons: [{ text: "Get Started", href: "#" }], features: ["Bluetooth tracking", "Waterproof"] },
+        { id: "pl2", badge: "Pro", price: "$49", subtitle: "For global travelers", buttons: [{ text: "Get Started", href: "#" }], features: ["GPS tracking", "Global coverage", "Extended battery"] }
       ]}
     />
   </div>
@@ -225,45 +117,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Tracker",
-              href: "/product",
-            },
-            {
-              label: "Features",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
       bottomLeftText="© 2024 TracklyHub"
       bottomRightText="Built with love."
-- 
2.49.1


From 4fa094d4c58ee695e37aae3a061c8c2d9455bdd4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 12:02:40 +0000
Subject: [PATCH 5/5] Update src/app/product/page.tsx

---
 src/app/product/page.tsx | 114 ++++++++-------------------------------
 1 file changed, 21 insertions(+), 93 deletions(-)

diff --git a/src/app/product/page.tsx b/src/app/product/page.tsx
index 1a26ec5..18e9388 100644
--- a/src/app/product/page.tsx
+++ b/src/app/product/page.tsx
@@ -8,37 +8,29 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import { ShoppingBag, Star } from "lucide-react";
 
-export default function LandingPage() {
+export default function ProductPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/product",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Products", id: "/product" },
+        { name: "About", id: "/about" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Trackly"
     />
@@ -48,27 +40,9 @@ export default function LandingPage() {
       <ProductCatalog
       layout="page"
       products={[
-        {
-          id: "p1",
-          name: "Trackly Pro",
-          price: "$49",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Trackly Pet",
-          price: "$39",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=3",
-        },
-        {
-          id: "p3",
-          name: "Trackly Mini",
-          price: "$29",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=4",
-        },
+        { id: "p1", name: "Trackly Pro", price: "$49", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg" },
+        { id: "p2", name: "Trackly Pet", price: "$39", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg" },
+        { id: "p3", name: "Trackly Mini", price: "$29", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg" }
       ]}
     />
   </div>
@@ -81,18 +55,8 @@ export default function LandingPage() {
       title="Catalog Stats"
       description="Our product performance metrics."
       metrics={[
-        {
-          id: "p-1",
-          icon: Star,
-          title: "Customer Rating",
-          value: "4.9/5",
-        },
-        {
-          id: "p-2",
-          icon: ShoppingBag,
-          title: "Products Sold",
-          value: "50k+",
-        },
+        { id: "p-1", icon: Star, title: "Customer Rating", value: "4.9/5" },
+        { id: "p-2", icon: ShoppingBag, title: "Products Sold", value: "50k+" }
       ]}
     />
   </div>
@@ -100,45 +64,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Tracker",
-              href: "/product",
-            },
-            {
-              label: "Features",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
       bottomLeftText="© 2024 TracklyHub"
       bottomRightText="Built with love."
-- 
2.49.1