Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Designs",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Designs", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PixelForge"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,39 +46,18 @@ export default function LandingPage() {
|
||||
title="Elite Designs for Elite Gamers"
|
||||
description="Level up your brand with unique logos and visuals built for the gaming generation."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Designs",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Designs", href: "#products" },
|
||||
{ text: "Start Project", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-lounged-couch-eating-popcorn-while-watching-movie_482257-120599.jpg"
|
||||
imageAlt="Futuristic gaming setup"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-nightclub-with-illuminated-technology-equipment-performance-stage-generated-by-ai_188544-27305.jpg",
|
||||
alt: "Content creator 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/emo-teen-writing-notebook-side-view_23-2149829802.jpg",
|
||||
alt: "Content creator 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-woman-working-laptop-from-home_23-2148304871.jpg",
|
||||
alt: "Content creator 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/popcorn-bowl-table-living-room-close-up-panning-shot_482257-119668.jpg",
|
||||
alt: "Content creator 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-lounged-couch-eating-popcorn-while-watching-movie_482257-120599.jpg",
|
||||
alt: "Content creator 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-nightclub-with-illuminated-technology-equipment-performance-stage-generated-by-ai_188544-27305.jpg", alt: "Content creator 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/emo-teen-writing-notebook-side-view_23-2149829802.jpg", alt: "Content creator 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/long-shot-woman-working-laptop-from-home_23-2148304871.jpg", alt: "Content creator 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/popcorn-bowl-table-living-room-close-up-panning-shot_482257-119668.jpg", alt: "Content creator 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-man-lounged-couch-eating-popcorn-while-watching-movie_482257-120599.jpg", alt: "Content creator 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ creators"
|
||||
/>
|
||||
@@ -111,24 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Unique Logos",
|
||||
description: "Custom emblems designed to make your identity pop across every platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-gaming_23-2151138307.jpg",
|
||||
imageAlt: "Logo feature",
|
||||
},
|
||||
{
|
||||
title: "Esports Quality",
|
||||
description: "High-impact designs that reflect the energy and intensity of top-tier gaming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-watching-tv-sitting-sofa-male-fan_639032-2832.jpg",
|
||||
imageAlt: "Esports feature",
|
||||
},
|
||||
{
|
||||
title: "Fast Turnaround",
|
||||
description: "Quick, professional delivery without compromising on the quality of your brand assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204975.jpg",
|
||||
imageAlt: "Speed feature",
|
||||
},
|
||||
{ title: "Unique Logos", description: "Custom emblems designed to make your identity pop across every platform.", imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-gaming_23-2151138307.jpg", imageAlt: "Logo feature" },
|
||||
{ title: "Esports Quality", description: "High-impact designs that reflect the energy and intensity of top-tier gaming.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-watching-tv-sitting-sofa-male-fan_639032-2832.jpg", imageAlt: "Esports feature" },
|
||||
{ title: "Fast Turnaround", description: "Quick, professional delivery without compromising on the quality of your brand assets.", imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204975.jpg", imageAlt: "Speed feature" },
|
||||
]}
|
||||
title="Why PixelForge?"
|
||||
description="Professional gaming design crafted for performance and impact."
|
||||
@@ -137,70 +90,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Logo",
|
||||
name: "Cyber Emblem",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/esports-gaming-skull-mascot-logo_779267-3636.jpg",
|
||||
imageAlt: "Design 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Logo",
|
||||
name: "Crest V2",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-holidays-shopping-concept-cheerful-african-american-man-party-outfit-pointing-fingers-up-showing-logo-smiling-happy-red-background_1258-128247.jpg",
|
||||
imageAlt: "Design 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Mascot",
|
||||
name: "Shadow Wolf",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/tiger-esport-mascot-design-logo_343694-1675.jpg",
|
||||
imageAlt: "Design 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Logo",
|
||||
name: "Abstract Red",
|
||||
price: "Custom",
|
||||
rating: 4,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-red-table_171337-13060.jpg",
|
||||
imageAlt: "Design 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Banner",
|
||||
name: "Stream Kit",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg",
|
||||
imageAlt: "Design 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Logo",
|
||||
name: "Industrial Gear",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-snowboarder-wearing-full-protective-equipment-extreme-snowboarding-posing-with-snowboard-studio-isolated-dark-background_613910-21660.jpg",
|
||||
imageAlt: "Design 6",
|
||||
},
|
||||
{ id: "1", brand: "Logo", name: "Cyber Emblem", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/esports-gaming-skull-mascot-logo_779267-3636.jpg", imageAlt: "Design 1" },
|
||||
{ id: "2", brand: "Logo", name: "Crest V2", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/winter-holidays-shopping-concept-cheerful-african-american-man-party-outfit-pointing-fingers-up-showing-logo-smiling-happy-red-background_1258-128247.jpg", imageAlt: "Design 2" },
|
||||
{ id: "3", brand: "Mascot", name: "Shadow Wolf", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-vector/tiger-esport-mascot-design-logo_343694-1675.jpg", imageAlt: "Design 3" },
|
||||
{ id: "4", brand: "Logo", name: "Abstract Red", price: "Custom", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-red-table_171337-13060.jpg", imageAlt: "Design 4" },
|
||||
{ id: "5", brand: "Banner", name: "Stream Kit", price: "Custom", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg", imageAlt: "Design 5" },
|
||||
{ id: "6", brand: "Logo", name: "Industrial Gear", price: "Custom", rating: 5, reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/portrait-snowboarder-wearing-full-protective-equipment-extreme-snowboarding-posing-with-snowboard-studio-isolated-dark-background_613910-21660.jpg", imageAlt: "Design 6" },
|
||||
]}
|
||||
title="Portfolio Showcase"
|
||||
description="A collection of recent work and available design templates."
|
||||
@@ -211,15 +111,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"StreamLabs",
|
||||
"TwitchTV",
|
||||
"Discord",
|
||||
"EsportsLeague",
|
||||
"GamingDaily",
|
||||
"GearUp",
|
||||
"PixelVault",
|
||||
]}
|
||||
names={["StreamLabs", "TwitchTV", "Discord", "EsportsLeague", "GamingDaily", "GearUp", "PixelVault"]}
|
||||
title="Trusted by Gamers"
|
||||
description="Join a growing community of creators powered by PixelForge."
|
||||
/>
|
||||
@@ -231,41 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Streamer",
|
||||
testimonial: "The best logo design I've ever had for my channel. Super professional!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Gamer",
|
||||
testimonial: "PixelForge really understands the gaming aesthetic. Absolutely top-tier work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presenting-mouse-from-brand-sponsoring-video_482257-101114.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike D.",
|
||||
role: "Creator",
|
||||
testimonial: "Incredible communication and quick turnaround. My brand looks amazing now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gamer-live-streaming-setup_23-2152006705.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lena T.",
|
||||
role: "Streamer",
|
||||
testimonial: "The mascot design was fire. It perfectly represents my brand identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153345.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
role: "Gamer",
|
||||
testimonial: "Truly unique style that sets me apart in the gaming scene.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", role: "Streamer", testimonial: "The best logo design I've ever had for my channel. Super professional!", imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg" },
|
||||
{ id: "2", name: "Sarah K.", role: "Gamer", testimonial: "PixelForge really understands the gaming aesthetic. Absolutely top-tier work.", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presenting-mouse-from-brand-sponsoring-video_482257-101114.jpg" },
|
||||
{ id: "3", name: "Mike D.", role: "Creator", testimonial: "Incredible communication and quick turnaround. My brand looks amazing now.", imageSrc: "http://img.b2bpic.net/free-photo/female-gamer-live-streaming-setup_23-2152006705.jpg" },
|
||||
{ id: "4", name: "Lena T.", role: "Streamer", testimonial: "The mascot design was fire. It perfectly represents my brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153345.jpg" },
|
||||
{ id: "5", name: "Chris B.", role: "Gamer", testimonial: "Truly unique style that sets me apart in the gaming scene.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg" },
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What my fellow creators have to say about the work."
|
||||
@@ -277,41 +139,26 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a design take?",
|
||||
content: "Most logo projects take 3-5 days depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I request revisions?",
|
||||
content: "Yes, I include up to 2 revisions in every base package.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What files do you provide?",
|
||||
content: "You will receive high-res PNG, JPEG, and vector source files (AI/EPS).",
|
||||
},
|
||||
{ id: "1", title: "How long does a design take?", content: "Most logo projects take 3-5 days depending on complexity." },
|
||||
{ id: "2", title: "Can I request revisions?", content: "Yes, I include up to 2 revisions in every base package." },
|
||||
{ id: "3", title: "What files do you provide?", content: "You will receive high-res PNG, JPEG, and vector source files (AI/EPS)." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your design project."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights_181624-21281.jpg?_wi=1"
|
||||
imageAlt="FAQ Background Image"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights_181624-21281.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Send me a message and let's bring your vision to life."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights_181624-21281.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights_181624-21281.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -320,38 +167,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Designs",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitch",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Designs", href: "#products" }, { label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Twitter", href: "#" }, { label: "Discord", href: "#" }, { label: "Twitch", href: "#" }] },
|
||||
]}
|
||||
logoText="PixelForge"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user