Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
@@ -4,7 +4,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import { useBlogPosts } from "@/hooks/useBlogPosts";
|
import { useBlogPosts } from "@/hooks/useBlogPosts";
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
|
|
||||||
export default function BlogPage() {
|
export default function BlogPage() {
|
||||||
@@ -24,25 +24,21 @@ export default function BlogPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarStyleApple
|
<div id="nav" data-section="nav">
|
||||||
brandName="Star Wars Fan Club"
|
<NavbarStyleApple
|
||||||
navItems={[
|
brandName="Star Wars Fan Club"
|
||||||
{ name: "Home", id: "/" },
|
navItems={[
|
||||||
{ name: "About", id: "about" },
|
{ name: "Home", id: "/" }
|
||||||
{ name: "Features", id: "features" },
|
]}
|
||||||
{ name: "Showcase", id: "showcase" },
|
/>
|
||||||
{ name: "News", id: "news" },
|
</div>
|
||||||
{ name: "Team", id: "team" },
|
|
||||||
{ name: "Contact", id: "contact" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
{isLoading ? (
|
{isLoading ? (
|
||||||
<div className="w-content-width mx-auto py-20 text-center">
|
<div className="w-content-width mx-auto py-20 text-center">
|
||||||
<p className="text-foreground">Loading posts...</p>
|
<p className="text-foreground">Loading posts...</p>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<BlogCardOne
|
<BlogCardThree
|
||||||
blogs={posts}
|
blogs={posts}
|
||||||
title="Latest Articles"
|
title="Latest Articles"
|
||||||
description="Insights and updates from our team"
|
description="Insights and updates from our team"
|
||||||
@@ -52,16 +48,16 @@ export default function BlogPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Features", href: "#features" }, { label: "News", href: "#blog" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, { label: "Blog", href: "/blog" }] },
|
||||||
{ items: [{ label: "Community", href: "#product" }, { label: "Team", href: "#team" }, { label: "FAQ", href: "#faq" }] },
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
]}
|
||||||
]}
|
logoText="Star Wars Fan Club"
|
||||||
logoText="Star Wars Fan Club"
|
containerClassName="bg-background-accent text-foreground"
|
||||||
containerClassName="bg-background-accent text-foreground"
|
/>
|
||||||
/>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -30,12 +30,12 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Star Wars Fan Club"
|
brandName="Star Wars Fan Club"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: 'About', id: 'about' },
|
{ name: 'About', id: '#about' },
|
||||||
{ name: 'Features', id: 'features' },
|
{ name: 'Features', id: '#features' },
|
||||||
{ name: 'Showcase', id: 'product' },
|
{ name: 'Showcase', id: '#product' },
|
||||||
{ name: 'News', id: 'blog' },
|
{ name: 'News', id: '#blog' },
|
||||||
{ name: 'Team', id: 'team' },
|
{ name: 'Team', id: '#team' },
|
||||||
{ name: 'Contact', id: 'contact' }
|
{ name: 'Contact', id: '#contact' }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -117,9 +117,9 @@ export default function LandingPage() {
|
|||||||
<div id="blog" data-section="blog">
|
<div id="blog" data-section="blog">
|
||||||
<BlogCardThree
|
<BlogCardThree
|
||||||
blogs={[
|
blogs={[
|
||||||
{ id: '1', category: 'Lore & Analysis', title: 'The Unseen Depths of the Dark Side', excerpt: 'A philosophical dive into the origins and temptations of the Sith.', imageSrc: 'https://img.b2bpic.net/free-vector/futuristic-infographics-concept_23-2148444702.jpg', imageAlt: 'Lightsaber schematic hologram', authorName: 'Kylo Ren', date: 'DEC 17, 2023' },
|
{ id: '1', category: 'Lore & Analysis', title: 'The Unseen Depths of the Dark Side', excerpt: 'A philosophical dive into the origins and temptations of the Sith.', imageSrc: 'https://img.b2bpic.net/free-vector/futuristic-infographics-concept_23-2148444702.jpg', imageAlt: 'Lightsaber schematic hologram', authorName: 'Kylo Ren', date: 'DEC 17, 2023', authorAvatar: '/placeholders/avatar.png' },
|
||||||
{ id: '2', category: 'Fandom News', title: 'Upcoming Star Wars Games and Series Revealed!', excerpt: 'Get the latest updates on what\'s coming to the galaxy.', imageSrc: 'https://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768616.jpg', imageAlt: 'Star Wars planets collage', authorName: 'Ahsoka Tano', date: 'MAY 4, 2024' },
|
{ id: '2', category: 'Fandom News', title: 'Upcoming Star Wars Games and Series Revealed!', excerpt: "Get the latest updates on what's coming to the galaxy.", imageSrc: 'https://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768616.jpg', imageAlt: 'Star Wars planets collage', authorName: 'Ahsoka Tano', date: 'MAY 4, 2024', authorAvatar: '/placeholders/avatar.png' },
|
||||||
{ id: '3', category: 'Technology & Sci-Fi', title: 'The Droids You\'re Looking For: A Deep Dive', excerpt: 'Exploring the history and evolution of droids in Star Wars.', imageSrc: 'https://img.b2bpic.net/free-photo/futuristic-christmas-celebration-concept_23-2150979882.jpg', imageAlt: 'Droid interacting with human hand', authorName: 'C-3PO', date: 'NOV 22, 2023' }
|
{ id: '3', category: 'Technology & Sci-Fi', title: "The Droids You're Looking For: A Deep Dive", excerpt: 'Exploring the history and evolution of droids in Star Wars.', imageSrc: 'https://img.b2bpic.net/free-photo/futuristic-christmas-celebration-concept_23-2150979882.jpg', imageAlt: 'Droid interacting with human hand', authorName: 'C-3PO', date: 'NOV 22, 2023', authorAvatar: '/placeholders/avatar.png' }
|
||||||
]}
|
]}
|
||||||
carouselMode="auto"
|
carouselMode="auto"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -151,7 +151,7 @@ export default function LandingPage() {
|
|||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: '1', title: 'How do I join the Star Wars Fan Club?', content: 'You can join by clicking the \'Join the Club\' button in the hero section or navigating to our contact section.' },
|
{ id: '1', title: 'How do I join the Star Wars Fan Club?', content: "You can join by clicking the 'Join the Club' button in the hero section or navigating to our contact section." },
|
||||||
{ id: '2', title: 'Is there a membership fee?', content: 'Membership is free! We believe the Force should be accessible to all. Premium features or merchandise may have associated costs.' },
|
{ id: '2', title: 'Is there a membership fee?', content: 'Membership is free! We believe the Force should be accessible to all. Premium features or merchandise may have associated costs.' },
|
||||||
{ id: '3', title: 'How can I contribute to the community?', content: 'Members can submit fan art, theories, and articles. Participate in forums and events to share your passion.' },
|
{ id: '3', title: 'How can I contribute to the community?', content: 'Members can submit fan art, theories, and articles. Participate in forums and events to share your passion.' },
|
||||||
{ id: '4', title: 'What kind of events does the club host?', content: 'We host virtual meetups, watch parties, cosplay contests, and discussions about new Star Wars content.' }
|
{ id: '4', title: 'What kind of events does the club host?', content: 'We host virtual meetups, watch parties, cosplay contests, and discussions about new Star Wars content.' }
|
||||||
|
|||||||
@@ -81,12 +81,11 @@ export default function ProductPage({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Star Wars Fan Club"
|
brandName="Star Wars Fan Club"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" }
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
@@ -114,12 +113,11 @@ export default function ProductPage({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Star Wars Fan Club"
|
brandName="Star Wars Fan Club"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" }
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
@@ -154,12 +152,11 @@ export default function ProductPage({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Star Wars Fan Club"
|
brandName="Star Wars Fan Club"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" }
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
@@ -203,12 +200,10 @@ export default function ProductPage({ params }: ProductPageProps) {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Features", href: "#features" }, { label: "News", href: "#blog" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, { label: "Blog", href: "/blog" }] },
|
||||||
{ items: [{ label: "Community", href: "#product" }, { label: "Team", href: "#team" }, { label: "FAQ", href: "#faq" }] },
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
||||||
]}
|
]}
|
||||||
logoText="Star Wars Fan Club"
|
logoText="Star Wars Fan Club"
|
||||||
useInvertedBackground={false}
|
|
||||||
containerClassName="bg-background-accent text-foreground"
|
containerClassName="bg-background-accent text-foreground"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -56,12 +56,11 @@ export default function ShopPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Star Wars Fan Club"
|
brandName="Star Wars Fan Club"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" }
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
@@ -88,12 +87,11 @@ export default function ShopPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Star Wars Fan Club"
|
brandName="Star Wars Fan Club"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" }
|
||||||
{ name: "Shop", id: "/shop" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
@@ -127,12 +125,10 @@ export default function ShopPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Features", href: "#features" }, { label: "News", href: "#blog" }] },
|
{ items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, { label: "Blog", href: "/blog" }] },
|
||||||
{ items: [{ label: "Community", href: "#product" }, { label: "Team", href: "#team" }, { label: "FAQ", href: "#faq" }] },
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
||||||
]}
|
]}
|
||||||
logoText="Star Wars Fan Club"
|
logoText="Star Wars Fan Club"
|
||||||
useInvertedBackground={false}
|
|
||||||
containerClassName="bg-background-accent text-foreground"
|
containerClassName="bg-background-accent text-foreground"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user