Merge version_1 into main #2
172
src/app/page.tsx
172
src/app/page.tsx
@@ -16,27 +16,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "News",
|
||||
id: "news",
|
||||
},
|
||||
name: "News", id: "news"},
|
||||
{
|
||||
name: "Superstars",
|
||||
id: "team",
|
||||
},
|
||||
name: "Superstars", id: "team"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
name: "Events", id: "events"},
|
||||
]}
|
||||
brandName="WWE Hub"
|
||||
/>
|
||||
@@ -45,8 +44,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="WRESTLING CENTRAL"
|
||||
description="Your ultimate source for WWE news, match results, and superstar highlights. Stay updated on the drama inside the squared circle."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/a-high-energy-dynamic-professional-wrest-1774691390523-5cbd0299.png"
|
||||
@@ -54,13 +52,9 @@ export default function LandingPage() {
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Latest News",
|
||||
href: "#news",
|
||||
},
|
||||
text: "View Latest News", href: "#news"},
|
||||
{
|
||||
text: "Meet The Superstars",
|
||||
href: "#team",
|
||||
},
|
||||
text: "Meet The Superstars", href: "#team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,69 +68,29 @@ export default function LandingPage() {
|
||||
description="Catch up on daily updates from RAW, SmackDown, and NXT."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "RAW",
|
||||
title: "Main Event Shakeup",
|
||||
excerpt: "The landscape of RAW changes forever after tonight's chaos.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/a-close-up-of-a-microphone-in-a-wrestlin-1774691389323-f123b080.png?_wi=1",
|
||||
authorName: "WWE Insider",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/a-close-up-of-a-microphone-in-a-wrestlin-1774691389323-f123b080.png",
|
||||
date: "2025-05-20",
|
||||
},
|
||||
id: "b1", category: "RAW", title: "Main Event Shakeup", excerpt: "The landscape of RAW changes forever after tonight's chaos.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/a-close-up-of-a-microphone-in-a-wrestlin-1774691389323-f123b080.png", authorName: "WWE Insider", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/a-close-up-of-a-microphone-in-a-wrestlin-1774691389323-f123b080.png", date: "2025-05-20"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "SD",
|
||||
title: "Champion Defends Title",
|
||||
excerpt: "Witness the incredible defense of the Universal Championship.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestler-raising-a-championship-belt-hig-1774691393739-1247b5dd.png?_wi=1",
|
||||
authorName: "WWE Insider",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestler-raising-a-championship-belt-hig-1774691393739-1247b5dd.png",
|
||||
date: "2025-05-19",
|
||||
},
|
||||
id: "b2", category: "SD", title: "Champion Defends Title", excerpt: "Witness the incredible defense of the Universal Championship.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestler-raising-a-championship-belt-hig-1774691393739-1247b5dd.png", authorName: "WWE Insider", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestler-raising-a-championship-belt-hig-1774691393739-1247b5dd.png", date: "2025-05-19"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "NXT",
|
||||
title: "New Rising Star",
|
||||
excerpt: "A fresh face emerges as a top contender for the NXT title.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/two-wrestlers-in-a-intense-standoff-in-t-1774691390279-84db7fd2.png?_wi=1",
|
||||
authorName: "WWE Insider",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/two-wrestlers-in-a-intense-standoff-in-t-1774691390279-84db7fd2.png",
|
||||
date: "2025-05-18",
|
||||
},
|
||||
id: "b3", category: "NXT", title: "New Rising Star", excerpt: "A fresh face emerges as a top contender for the NXT title.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/two-wrestlers-in-a-intense-standoff-in-t-1774691390279-84db7fd2.png", authorName: "WWE Insider", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/two-wrestlers-in-a-intense-standoff-in-t-1774691390279-84db7fd2.png", date: "2025-05-18"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Champions",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Champions", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Roman Reigns",
|
||||
subtitle: "The Tribal Chief",
|
||||
detail: "Finisher: Spear",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/studio-portrait-of-a-professional-wrestl-1774691390613-ac385a70.png?_wi=1",
|
||||
},
|
||||
id: "m1", title: "Roman Reigns", subtitle: "The Tribal Chief", detail: "Finisher: Spear", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/studio-portrait-of-a-professional-wrestl-1774691390613-ac385a70.png"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Cody Rhodes",
|
||||
subtitle: "The American Nightmare",
|
||||
detail: "Finisher: Cross Rhodes",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/studio-portrait-of-a-powerful-profession-1774691389622-32b2f8df.png",
|
||||
},
|
||||
id: "m2", title: "Cody Rhodes", subtitle: "The American Nightmare", detail: "Finisher: Cross Rhodes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/studio-portrait-of-a-powerful-profession-1774691389622-32b2f8df.png"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Seth Rollins",
|
||||
subtitle: "The Visionary",
|
||||
detail: "Finisher: The Stomp",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/professional-wrestler-posing-with-arms-c-1774691390703-a596aca8.png",
|
||||
},
|
||||
id: "m3", title: "Seth Rollins", subtitle: "The Visionary", detail: "Finisher: The Stomp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/professional-wrestler-posing-with-arms-c-1774691390703-a596aca8.png"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -152,34 +106,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "e1",
|
||||
value: "12",
|
||||
title: "Upcoming Events",
|
||||
items: [
|
||||
"Royal Rumble",
|
||||
"WrestleMania",
|
||||
"SummerSlam",
|
||||
],
|
||||
id: "e1", value: "12", title: "Upcoming Events", items: [
|
||||
"Royal Rumble", "WrestleMania", "SummerSlam"],
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
value: "500+",
|
||||
title: "Matches Recorded",
|
||||
items: [
|
||||
"Raw Results",
|
||||
"SmackDown Stats",
|
||||
"NXT History",
|
||||
],
|
||||
id: "e2", value: "500+", title: "Matches Recorded", items: [
|
||||
"Raw Results", "SmackDown Stats", "NXT History"],
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
value: "45",
|
||||
title: "Titles Active",
|
||||
items: [
|
||||
"World Heavyweight",
|
||||
"IC Title",
|
||||
"US Title",
|
||||
],
|
||||
id: "e3", value: "45", title: "Titles Active", items: [
|
||||
"World Heavyweight", "IC Title", "US Title"],
|
||||
},
|
||||
]}
|
||||
title="EVENT TRACKER"
|
||||
@@ -197,35 +133,15 @@ export default function LandingPage() {
|
||||
description="Unlock the full potential of your fan experience with our exclusive digital features."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-time Updates",
|
||||
description: "Get instant notifications for match results and breaking news.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/a-close-up-of-a-microphone-in-a-wrestlin-1774691389323-f123b080.png?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Real-time Updates", description: "Get instant notifications for match results and breaking news.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/a-close-up-of-a-microphone-in-a-wrestlin-1774691389323-f123b080.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Superstar Tracker",
|
||||
description: "Follow the journey and stats of every superstar on the roster.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/studio-portrait-of-a-professional-wrestl-1774691390613-ac385a70.png?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Superstar Tracker", description: "Follow the journey and stats of every superstar on the roster.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/studio-portrait-of-a-professional-wrestl-1774691390613-ac385a70.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Community Forum",
|
||||
description: "Engage in heated debates and discuss the latest storylines.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestler-raising-a-championship-belt-hig-1774691393739-1247b5dd.png?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Community Forum", description: "Engage in heated debates and discuss the latest storylines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestler-raising-a-championship-belt-hig-1774691393739-1247b5dd.png"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Event Calendar",
|
||||
description: "Stay ahead with a comprehensive schedule of upcoming PPVs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestlemania-stage-at-night-giant-lights-1774691390894-69a21a56.png",
|
||||
},
|
||||
id: "f4", title: "Event Calendar", description: "Stay ahead with a comprehensive schedule of upcoming PPVs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/wrestlemania-stage-at-night-giant-lights-1774691390894-69a21a56.png"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Exclusive Content",
|
||||
description: "Access behind-the-scenes footage and wrestler interviews.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/two-wrestlers-in-a-intense-standoff-in-t-1774691390279-84db7fd2.png?_wi=2",
|
||||
},
|
||||
id: "f5", title: "Exclusive Content", description: "Access behind-the-scenes footage and wrestler interviews.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZKq2hgF7ndwSUOVZ4HJ38y05j/two-wrestlers-in-a-intense-standoff-in-t-1774691390279-84db7fd2.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -235,29 +151,19 @@ export default function LandingPage() {
|
||||
logoText="WWE Hub"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "News",
|
||||
href: "#news",
|
||||
},
|
||||
label: "News", href: "#news"},
|
||||
{
|
||||
label: "Superstars",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Superstars", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Events",
|
||||
items: [
|
||||
title: "Events", items: [
|
||||
{
|
||||
label: "Upcoming",
|
||||
href: "#events",
|
||||
},
|
||||
label: "Upcoming", href: "#events"},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#events",
|
||||
},
|
||||
label: "Results", href: "#events"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user