Update src/app/page.tsx
This commit is contained in:
@@ -13,6 +13,23 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ 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' }
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{ 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: '#' }] }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -29,16 +46,7 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Star Wars Fan Club"
|
||||
navItems={[
|
||||
{ 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' }
|
||||
]}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
@@ -62,7 +70,7 @@ export default function LandingPage() {
|
||||
title="Unite the Fandom"
|
||||
description="From the original trilogy to the latest series, our club is a gathering place for every Star Wars enthusiast. Share theories, debate iconic moments, and immerse yourself in a community that understands the Force."
|
||||
tag="About Our Club"
|
||||
buttons={[{ text: 'Our Mission', href: '#' }]}
|
||||
buttons={[{ text: 'Our Mission', href: '/about' }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/fencing_654080-2262.jpg"
|
||||
imageAlt="Group of Star Wars fans at a convention"
|
||||
useInvertedBackground={false}
|
||||
@@ -170,7 +178,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
text="Ready to embark on your Star Wars journey with us? Join the ranks of fellow fans and become part of our galactic community today!"
|
||||
animationType="entrance-slide"
|
||||
buttons={[{ text: 'Join the Rebellion', href: '#' }]}
|
||||
buttons={[{ text: 'Join the Rebellion', href: '/#contact' }]}
|
||||
background={{ variant: 'radial-gradient' }}
|
||||
useInvertedBackground={false}
|
||||
contentClassName="max-w-mediumSmall text-center"
|
||||
@@ -178,11 +186,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ 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: '#' }] }
|
||||
]}
|
||||
columns={footerColumns}
|
||||
logoText="Star Wars Fan Club"
|
||||
containerClassName="bg-background-accent text-foreground"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user