Update src/app/shop/page.tsx

Update src/app/shop/[id]/page.tsx
Update src/app/page.tsx
2026-02-20 13:12:15 +00:00 · 2026-02-20 13:12:15 +00:00 · 2026-02-20 13:12:14 +00:00 · 2026-02-20 13:12:13 +00:00 · 2026-02-20 13:09:47 +00:00 · 2026-02-20 13:09:46 +00:00
6 changed files with 82 additions and 35 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -4,8 +4,8 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";

 export default function BlogPage() {
    const { posts, isLoading } = useBlogPosts();
@@ -28,7 +28,14 @@ export default function BlogPage() {
                    <NavbarStyleApple
                        brandName="Star Wars Fan Club"
                        navItems={[
-                            { name: "Home", id: "/" }
+                            { name: 'Home', id: '/' },
+                            { name: 'About', id: '/#about' },
+                            { name: 'Features', id: '/#features' },
+                            { name: 'Showcase', id: '/#product' },
+                            { name: 'News', id: '/blog' },
+                            { name: 'Shop', id: '/shop' },
+                            { name: 'Team', id: '/#team' },
+                            { name: 'Contact', id: '/#contact' }
                        ]}
                    />
                </div>
@@ -51,8 +58,9 @@ export default function BlogPage() {
                <div id="footer" data-section="footer">
                    <FooterLogoEmphasis
                        columns={[
-                            { items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, { label: "Blog", href: "/blog" }] },
-                            { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+                            { items: [{ label: 'About Us', href: '#about' }, { label: 'Features', href: '#features' }, { label: 'News', href: '/blog' }] },
+                            { items: [{ label: 'Community', href: '#product' }, { label: 'Team', href: '#team' }, { label: 'FAQ', href: '#faq' }] },
+                            { items: [{ label: 'Contact', href: '#contact' }, { label: 'Privacy Policy', href: '#' }, { label: 'Terms of Service', href: '#' }] }
                        ]}
                        logoText="Star Wars Fan Club"
                        containerClassName="bg-background-accent text-foreground"
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -17,7 +17,7 @@ export const metadata: Metadata = {
  title: "Star Wars Fan Club - Join the Galaxy's Ultimate Fandom",  description: "Join the Star Wars Fan Club! Explore lore, share theories, connect with fans, and stay updated on all things from a galaxy far, far away.",  keywords: "Star Wars, fan club, fandom, lightsaber, galaxy, sci-fi, community, forum, news, lore, fan art, cosplay",  openGraph: {
    title: "Star Wars Fan Club - Join the Galaxy's Ultimate Fandom",    description: "Join the Star Wars Fan Club! Explore lore, share theories, connect with fans, and stay updated on all things from a galaxy far, far away.",    url: "https://starwarsfanclub.com",    siteName: "Star Wars Fan Club",    images: [
      {
-        url: "https://img.b2bpic.net/free-vector/modern-composition-with-two-crossed-light-swords_23-2147926469.jpg",        alt: "Lightsaber igniting in space"},
+        url: "https://img.b2bpic.net/free-vector/modern-composition-with-two-crossed-light-swords_23-2147926469.jpg",        alt: "Lightsaber igniting in space"}
    ],
    type: "website"},
  twitter: {
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,12 +30,14 @@ export default function LandingPage() {
        <NavbarStyleApple 
          brandName="Star Wars Fan Club"
          navItems={[
-            { name: 'About', id: '#about' },
-            { name: 'Features', id: '#features' },
-            { name: 'Showcase', id: '#product' },
-            { name: 'News', id: '#blog' },
-            { name: 'Team', id: '#team' },
-            { name: 'Contact', id: '#contact' }
+            { name: 'Home', id: '/' },
+            { name: 'About', id: '/#about' },
+            { name: 'Features', id: '/#features' },
+            { name: 'Showcase', id: '/#product' },
+            { name: 'News', id: '/blog' },
+            { name: 'Shop', id: '/shop' },
+            { name: 'Team', id: '/#team' },
+            { name: 'Contact', id: '/#contact' }
          ]}
        />
      </div>
@@ -177,7 +179,7 @@ export default function LandingPage() {
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis 
          columns={[
-            { items: [{ label: 'About Us', href: '#about' }, { label: 'Features', href: '#features' }, { label: 'News', href: '#blog' }] },
+            { items: [{ label: 'About Us', href: '#about' }, { label: 'Features', href: '#features' }, { label: 'News', href: '/blog' }] },
            { items: [{ label: 'Community', href: '#product' }, { label: 'Team', href: '#team' }, { label: 'FAQ', href: '#faq' }] },
            { items: [{ label: 'Contact', href: '#contact' }, { label: 'Privacy Policy', href: '#' }, { label: 'Terms of Service', href: '#' }] }
          ]}
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,7 +85,14 @@ export default function ProductPage({ params }: ProductPageProps) {
                        <NavbarStyleApple
                            brandName="Star Wars Fan Club"
                            navItems={[
-                                { name: "Home", id: "/" }
+                                { name: 'Home', id: '/' },
+                                { name: 'About', id: '/#about' },
+                                { name: 'Features', id: '/#features' },
+                                { name: 'Showcase', id: '/#product' },
+                                { name: 'News', id: '/blog' },
+                                { name: 'Shop', id: '/shop' },
+                                { name: 'Team', id: '/#team' },
+                                { name: 'Contact', id: '/#contact' }
                            ]}
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        />
@@ -117,7 +124,14 @@ export default function ProductPage({ params }: ProductPageProps) {
                        <NavbarStyleApple
                            brandName="Star Wars Fan Club"
                            navItems={[
-                                { name: "Home", id: "/" }
+                                { name: 'Home', id: '/' },
+                                { name: 'About', id: '/#about' },
+                                { name: 'Features', id: '/#features' },
+                                { name: 'Showcase', id: '/#product' },
+                                { name: 'News', id: '/blog' },
+                                { name: 'Shop', id: '/shop' },
+                                { name: 'Team', id: '/#team' },
+                                { name: 'Contact', id: '/#contact' }
                            ]}
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        />
@@ -156,7 +170,14 @@ export default function ProductPage({ params }: ProductPageProps) {
                    <NavbarStyleApple
                        brandName="Star Wars Fan Club"
                        navItems={[
-                            { name: "Home", id: "/" }
+                            { name: 'Home', id: '/' },
+                            { name: 'About', id: '/#about' },
+                            { name: 'Features', id: '/#features' },
+                            { name: 'Showcase', id: '/#product' },
+                            { name: 'News', id: '/blog' },
+                            { name: 'Shop', id: '/shop' },
+                            { name: 'Team', id: '/#team' },
+                            { name: 'Contact', id: '/#contact' }
                        ]}
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                    />
@@ -200,8 +221,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                <div id="footer" data-section="footer">
                    <FooterLogoEmphasis
                        columns={[
-                            { items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, { label: "Blog", href: "/blog" }] },
-                            { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+                            { items: [{ label: 'About Us', href: '#about' }, { label: 'Features', href: '#features' }, { label: 'News', href: '/blog' }] },
+                            { items: [{ label: 'Community', href: '#product' }, { label: 'Team', href: '#team' }, { label: 'FAQ', href: '#faq' }] },
+                            { items: [{ label: 'Contact', href: '#contact' }, { label: 'Privacy Policy', href: '#' }, { label: 'Terms of Service', href: '#' }] }
                        ]}
                        logoText="Star Wars Fan Club"
                        containerClassName="bg-background-accent text-foreground"
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -60,7 +60,14 @@ export default function ShopPage() {
                        <NavbarStyleApple
                            brandName="Star Wars Fan Club"
                            navItems={[
-                                { name: "Home", id: "/" }
+                                { name: 'Home', id: '/' },
+                                { name: 'About', id: '/#about' },
+                                { name: 'Features', id: '/#features' },
+                                { name: 'Showcase', id: '/#product' },
+                                { name: 'News', id: '/blog' },
+                                { name: 'Shop', id: '/shop' },
+                                { name: 'Team', id: '/#team' },
+                                { name: 'Contact', id: '/#contact' }
                            ]}
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        />
@@ -91,7 +98,14 @@ export default function ShopPage() {
                    <NavbarStyleApple
                        brandName="Star Wars Fan Club"
                        navItems={[
-                            { name: "Home", id: "/" }
+                            { name: 'Home', id: '/' },
+                            { name: 'About', id: '/#about' },
+                            { name: 'Features', id: '/#features' },
+                            { name: 'Showcase', id: '/#product' },
+                            { name: 'News', id: '/blog' },
+                            { name: 'Shop', id: '/shop' },
+                            { name: 'Team', id: '/#team' },
+                            { name: 'Contact', id: '/#contact' }
                        ]}
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                    />
@@ -125,8 +139,9 @@ export default function ShopPage() {
                <div id="footer" data-section="footer">
                    <FooterLogoEmphasis
                        columns={[
-                            { items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, { label: "Blog", href: "/blog" }] },
-                            { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+                            { items: [{ label: 'About Us', href: '#about' }, { label: 'Features', href: '#features' }, { label: 'News', href: '/blog' }] },
+                            { items: [{ label: 'Community', href: '#product' }, { label: 'Team', href: '#team' }, { label: 'FAQ', href: '#faq' }] },
+                            { items: [{ label: 'Contact', href: '#contact' }, { label: 'Privacy Policy', href: '#' }, { label: 'Terms of Service', href: '#' }] }
                        ]}
                        logoText="Star Wars Fan Club"
                        containerClassName="bg-background-accent text-foreground"
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,21 +2,21 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #020617;;
-  --card: #0f172a;;
-  --foreground: #e2e8f0;;
-  --primary-cta: #c4d8f9;;
-  --secondary-cta: #041633;;
-  --accent: #2d30f3;;
-  --background-accent: #1d4ed8;; */
+  /* --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
+  --secondary-cta: #ffffff;;
+  --accent: #d8cef5;;
+  --background-accent: #c4a8f9;; */

-  --background: #020617;;
-  --card: #0f172a;;
-  --foreground: #e2e8f0;;
-  --primary-cta: #c4d8f9;;
-  --secondary-cta: #041633;;
-  --accent: #2d30f3;;
-  --background-accent: #1d4ed8;;
+  --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
+  --secondary-cta: #ffffff;;
+  --accent: #d8cef5;;
+  --background-accent: #c4a8f9;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	154ae114ca	Update src/app/shop/page.tsx	2026-02-20 13:12:15 +00:00
bender	f8e57445e6	Update src/app/shop/[id]/page.tsx	2026-02-20 13:12:15 +00:00
bender	0463c91378	Update src/app/page.tsx	2026-02-20 13:12:14 +00:00
bender	5666da4a41	Update src/app/blog/page.tsx	2026-02-20 13:12:13 +00:00
bender	d3bb2125a6	Update src/app/styles/variables.css	2026-02-20 13:09:47 +00:00
bender	1bc55a6b9d	Update src/app/shop/page.tsx	2026-02-20 13:09:46 +00:00
bender	91287fe967	Update src/app/shop/[id]/page.tsx	2026-02-20 13:09:46 +00:00
bender	26fc630dac	Update src/app/page.tsx	2026-02-20 13:09:45 +00:00
bender	2d750a5a78	Update src/app/layout.tsx	2026-02-20 13:09:44 +00:00
bender	17e976e608	Update src/app/blog/page.tsx	2026-02-20 13:09:43 +00:00
bender	c0d2ebfe4e	Merge version_1 into main Merge version_1 into main	2026-02-20 12:59:02 +00:00