Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Designs",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Designs", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PixelPulse"
|
||||
/>
|
||||
@@ -55,39 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Level Up Your Visual Identity"
|
||||
description="Unique gaming logos and modern designs crafted for gamers, streamers, and digital creators who want to stand out."
|
||||
tag="Creative Design Space"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Designs",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Designs", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004869.jpg?_wi=1",
|
||||
imageAlt: "Gaming logo design neon aesthetic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-108162.jpg",
|
||||
imageAlt: "Gaming logo design neon aesthetic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-focus-light-painted-camera-lens-plain-background_23-2148084318.jpg",
|
||||
imageAlt: "Blue focus light on painted camera and lens over plain background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-night-with-windows-illuminated-with-red-white-lights_23-2151966506.jpg",
|
||||
imageAlt: "Building at night with windows illuminated with red and white lights",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204960.jpg",
|
||||
imageAlt: "Bright neon colors illuminated arrow",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004869.jpg", imageAlt: "Gaming logo design neon aesthetic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-108162.jpg", imageAlt: "Gaming logo design neon aesthetic" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -103,20 +66,11 @@ export default function LandingPage() {
|
||||
title="Designed for Gamers"
|
||||
description="I focus on clean, powerful styles that amplify your presence. Every design is built with the gaming community in mind, ensuring you feel like the top player."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Unique Logos",
|
||||
description: "Custom mascots and emblems crafted just for your brand.",
|
||||
},
|
||||
{
|
||||
title: "Modern Visuals",
|
||||
description: "Eye-catching assets for streaming and social media.",
|
||||
},
|
||||
{
|
||||
title: "Regular Updates",
|
||||
description: "New designs added every week to keep you fresh.",
|
||||
},
|
||||
{ title: "Unique Logos", description: "Custom mascots and emblems crafted just for your brand." },
|
||||
{ title: "Modern Visuals", description: "Eye-catching assets for streaming and social media." },
|
||||
{ title: "Regular Updates", description: "New designs added every week to keep you fresh." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-16765.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-16765.jpg"
|
||||
imageAlt="gamer desk setup purple lighting"
|
||||
/>
|
||||
</div>
|
||||
@@ -128,67 +82,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Vector Quality",
|
||||
description: "High-resolution files perfect for any format.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8331.jpg",
|
||||
imageAlt: "gaming digital art neon purple",
|
||||
},
|
||||
title: "Premium Vector Quality", description: "High-resolution files perfect for any format.", media: { imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8331.jpg", imageAlt: "gaming digital art neon purple" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Scalable Vector Art",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "High Resolution",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Scalable Vector Art" },
|
||||
{ icon: CheckCircle, text: "High Resolution" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004869.jpg?_wi=2",
|
||||
imageAlt: "gaming digital art neon purple",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Fast Turnaround",
|
||||
description: "Get your designs ready for stream in no time.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322889.jpg",
|
||||
imageAlt: "gaming digital art neon purple",
|
||||
},
|
||||
title: "Fast Turnaround", description: "Get your designs ready for stream in no time.", media: { imageSrc: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322889.jpg", imageAlt: "gaming digital art neon purple" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Quick Delivery",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Seamless Communication",
|
||||
},
|
||||
{ icon: Zap, text: "Quick Delivery" },
|
||||
{ icon: Zap, text: "Seamless Communication" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-16765.jpg?_wi=2",
|
||||
imageAlt: "gaming digital art neon purple",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Tailored for Gamers",
|
||||
description: "Designs that align with your unique gaming style.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204974.jpg",
|
||||
imageAlt: "gaming digital art neon purple",
|
||||
},
|
||||
title: "Tailored for Gamers", description: "Designs that align with your unique gaming style.", media: { imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204974.jpg", imageAlt: "gaming digital art neon purple" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Customized Concepts",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Streamer-focused",
|
||||
},
|
||||
{ icon: Shield, text: "Customized Concepts" },
|
||||
{ icon: Shield, text: "Streamer-focused" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-madness-sale_23-2152027058.jpg?_wi=1",
|
||||
imageAlt: "gaming digital art neon purple",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose My Designs?"
|
||||
@@ -203,48 +118,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cyber Mascot",
|
||||
price: "$99",
|
||||
variant: "Logo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-madness-sale_23-2152027058.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Neon Emblem",
|
||||
price: "$79",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205031.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Streamer Pro Badge",
|
||||
price: "$49",
|
||||
variant: "Graphic",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/press-kit-business-card-template_23-2150302065.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Glitch Shield",
|
||||
price: "$89",
|
||||
variant: "Logo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/wizard-esport-mascot-logo-gaming-team_343694-1212.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Void Character",
|
||||
price: "$129",
|
||||
variant: "Mascot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065059.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Flux Symbol",
|
||||
price: "$59",
|
||||
variant: "Icon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg",
|
||||
},
|
||||
{ id: "1", name: "Cyber Mascot", price: "$99", variant: "Logo", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-madness-sale_23-2152027058.jpg" },
|
||||
{ id: "2", name: "Neon Emblem", price: "$79", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205031.jpg" },
|
||||
{ id: "3", name: "Streamer Pro Badge", price: "$49", variant: "Graphic", imageSrc: "http://img.b2bpic.net/free-psd/press-kit-business-card-template_23-2150302065.jpg" },
|
||||
{ id: "4", name: "Glitch Shield", price: "$89", variant: "Logo", imageSrc: "http://img.b2bpic.net/free-vector/wizard-esport-mascot-logo-gaming-team_343694-1212.jpg" },
|
||||
{ id: "5", name: "Void Character", price: "$129", variant: "Mascot", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065059.jpg" },
|
||||
{ id: "6", name: "Flux Symbol", price: "$59", variant: "Icon", imageSrc: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg" },
|
||||
]}
|
||||
title="My Design Collection"
|
||||
description="Browse our latest unique logo and design concepts."
|
||||
@@ -258,46 +137,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Streamer",
|
||||
company: "Twitch",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-streamer-smiling-confident-make-selfie-by-camera-gaming-room_839833-16440.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alex K.",
|
||||
role: "Pro Gamer",
|
||||
company: "eSports",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus R.",
|
||||
role: "Content Creator",
|
||||
company: "YouTube",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-with-wrist-bandage-wearing-headphones-pretending-running-isolated-pink-wall_141793-78519.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
role: "Designer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam L.",
|
||||
role: "Streamer",
|
||||
company: "Mixer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-red-illumination_1268-25919.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Streamer", company: "Twitch", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-streamer-smiling-confident-make-selfie-by-camera-gaming-room_839833-16440.jpg" },
|
||||
{ id: "2", name: "Alex K.", role: "Pro Gamer", company: "eSports", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg" },
|
||||
{ id: "3", name: "Marcus R.", role: "Content Creator", company: "YouTube", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-with-wrist-bandage-wearing-headphones-pretending-running-isolated-pink-wall_141793-78519.jpg" },
|
||||
{ id: "4", name: "Elena V.", role: "Designer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg" },
|
||||
{ id: "5", name: "Sam L.", role: "Streamer", company: "Mixer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-red-illumination_1268-25919.jpg" },
|
||||
]}
|
||||
title="Loved by Gamers"
|
||||
description="Don't just take my word for it—check out what creators have to say."
|
||||
@@ -311,21 +155,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1.2k",
|
||||
description: "Designs Delivered",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Support Ready",
|
||||
},
|
||||
{ id: "1", value: "500+", description: "Happy Clients" },
|
||||
{ id: "2", value: "1.2k", description: "Designs Delivered" },
|
||||
{ id: "3", value: "24/7", description: "Support Ready" },
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Building a stronger gaming presence with every design."
|
||||
@@ -336,21 +168,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Can I request custom colors?",
|
||||
content: "Absolutely! All designs can be tailored to match your brand palette.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a logo take?",
|
||||
content: "Typical turnarounds are within 48-72 hours after project start.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide source files?",
|
||||
content: "Yes, all final packages include high-res source files.",
|
||||
},
|
||||
{ id: "1", title: "Can I request custom colors?", content: "Absolutely! All designs can be tailored to match your brand palette." },
|
||||
{ id: "2", title: "How long does a logo take?", content: "Typical turnarounds are within 48-72 hours after project start." },
|
||||
{ id: "3", title: "Do you provide source files?", content: "Yes, all final packages include high-res source files." },
|
||||
]}
|
||||
sideTitle="Questions? Let's Talk."
|
||||
sideDescription="Check the FAQs or contact me for specific design requests."
|
||||
@@ -361,16 +181,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to redefine your gaming brand?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:hello@pixelpulse.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Me", href: "mailto:hello@pixelpulse.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -379,16 +192,8 @@ export default function LandingPage() {
|
||||
logoText="PixelPulse"
|
||||
copyrightText="© 2025 PixelPulse Designs. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user