bender/361743e8-8ca1-4635-ba3d-45253965d440
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-28 12:07:26 +00:00
parent 5fd2f58f15
commit 1309e7f598
1 changed files with 76 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -34,30 +34,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Hire Me",
href: "#contact",
}}
text: "Hire Me", href: "#contact"}}
brandName="My Creative Hub"
/>
</div>
@@ -65,19 +53,14 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
logoText="My Creative Hub"
description="Where ideas take flight and creativity knows no bounds. Discover a world of unique designs, captivating visuals, and innovative solutions crafted with passion."
buttons={[
{
text: "Explore Work",
href: "#projects",
},
text: "Explore Work", href: "#projects"},
{
text: "Get in Touch",
href: "#contact",
},
text: "Get in Touch", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-end-home-office-trendy-loft-apartment-with-empty-desk_482257-122616.jpg"
imageAlt="Creative workspace with digital art tools"
@@ -94,17 +77,11 @@ export default function LandingPage() {
description="Hello! I'm a passionate creative professional dedicated to bringing unique visions to life. With a keen eye for detail and a love for innovation, I specialize in crafting engaging digital experiences and compelling visual stories. My journey is fueled by a desire to create impactful work that resonates with audiences and pushes creative boundaries."
bulletPoints={[
{
title: "Innovative Design",
description: "Always exploring new techniques and tools to deliver cutting-edge designs.",
},
title: "Innovative Design", description: "Always exploring new techniques and tools to deliver cutting-edge designs."},
{
title: "Client-Centric Approach",
description: "Collaborating closely with clients to ensure their vision is perfectly realized.",
},
title: "Client-Centric Approach", description: "Collaborating closely with clients to ensure their vision is perfectly realized."},
{
title: "Smooth Experiences",
description: "Focused on creating seamless and intuitive user interfaces for optimal engagement.",
},
title: "Smooth Experiences", description: "Focused on creating seamless and intuitive user interfaces for optimal engagement."},
]}
imageSrc="http://img.b2bpic.net/free-photo/skilled-experienced-male-engineer-creating-designs-making-drawings_273609-14147.jpg"
imageAlt="Creative person smiling"
@@ -119,23 +96,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Graphic Design",
description: "Crafting stunning visual identities, logos, and marketing materials that capture attention.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-editing-software-use_23-2152014663.jpg",
imageAlt: "Graphic design software interface",
},
title: "Graphic Design", description: "Crafting stunning visual identities, logos, and marketing materials that capture attention.", imageSrc: "http://img.b2bpic.net/free-photo/photo-editing-software-use_23-2152014663.jpg", imageAlt: "Graphic design software interface"},
{
title: "Motion Graphics",
description: "Bringing stories to life with dynamic animations and engaging video content.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-online-radio-studio-broadcasting-room-with-professional-microphone-video-light-used-podcast-transmission-video-podcasting-setup-with-digital-mixer-console-laptop-computer_482257-33423.jpg",
imageAlt: "Motion graphics animation software",
},
title: "Motion Graphics", description: "Bringing stories to life with dynamic animations and engaging video content.", imageSrc: "http://img.b2bpic.net/free-photo/empty-online-radio-studio-broadcasting-room-with-professional-microphone-video-light-used-podcast-transmission-video-podcasting-setup-with-digital-mixer-console-laptop-computer_482257-33423.jpg", imageAlt: "Motion graphics animation software"},
{
title: "Brand Strategy",
description: "Developing cohesive brand strategies that communicate your unique value and vision.",
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-tablet_23-2151957101.jpg",
imageAlt: "Branding identity elements",
},
title: "Brand Strategy", description: "Developing cohesive brand strategies that communicate your unique value and vision.", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-tablet_23-2151957101.jpg", imageAlt: "Branding identity elements"},
]}
title="My Expertise & Services"
description="I offer a comprehensive range of creative services tailored to your needs. From initial concept to final execution, I ensure every project is handled with precision and artistic flair."
@@ -150,47 +115,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Abstract Digital Artwork",
price: "N/A",
imageSrc: "http://img.b2bpic.net/free-photo/textured-paint-background-wallpaper-abstract-art-with-mixed-colors_53876-176791.jpg",
imageAlt: "Abstract digital art",
},
id: "1", name: "Abstract Digital Artwork", price: "N/A", imageSrc: "http://img.b2bpic.net/free-photo/textured-paint-background-wallpaper-abstract-art-with-mixed-colors_53876-176791.jpg", imageAlt: "Abstract digital art"},
{
id: "2",
name: "Responsive Portfolio Website",
price: "N/A",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg",
imageAlt: "Responsive website design",
},
id: "2", name: "Responsive Portfolio Website", price: "N/A", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg", imageAlt: "Responsive website design"},
{
id: "3",
name: "Brand Identity Design",
price: "N/A",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-classic-blue-business-card-template_52683-32298.jpg",
imageAlt: "Brand logo identity mock-up",
},
id: "3", name: "Brand Identity Design", price: "N/A", imageSrc: "http://img.b2bpic.net/free-vector/abstract-classic-blue-business-card-template_52683-32298.jpg", imageAlt: "Brand logo identity mock-up"},
{
id: "4",
name: "Short Film Title Sequence",
price: "N/A",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139239.jpg",
imageAlt: "Short film title sequence",
},
id: "4", name: "Short Film Title Sequence", price: "N/A", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139239.jpg", imageAlt: "Short film title sequence"},
{
id: "5",
name: "Architectural Photography Series",
price: "N/A",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-nature_23-2148192735.jpg",
imageAlt: "Architectural photography",
},
id: "5", name: "Architectural Photography Series", price: "N/A", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-nature_23-2148192735.jpg", imageAlt: "Architectural photography"},
{
id: "6",
name: "Interactive UI Concept",
price: "N/A",
imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552593.jpg",
imageAlt: "Interactive UI concept",
},
id: "6", name: "Interactive UI Concept", price: "N/A", imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552593.jpg", imageAlt: "Interactive UI concept"},
]}
title="Featured Creative Projects"
description="Explore a selection of my latest and most impactful creative works. Each project showcases a blend of artistic vision and technical execution."
@@ -204,23 +139,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: Sparkles,
title: "Years of Experience",
value: "7+",
},
id: "1", icon: Sparkles,
title: "Years of Experience", value: "7+"},
{
id: "2",
icon: Users,
title: "Happy Clients",
value: "50+",
},
id: "2", icon: Users,
title: "Happy Clients", value: "50+"},
{
id: "3",
icon: Award,
title: "Projects Completed",
value: "100+",
},
id: "3", icon: Award,
title: "Projects Completed", value: "100+"},
]}
title="My Achievements & Impact"
description="A look at the numbers that reflect my dedication and the positive impact of my creative work."
@@ -235,12 +161,7 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "1",
name: "Your Bestfriend",
role: "Creative Director & Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
imageAlt: "Portrait of the creative director",
},
id: "1", name: "Your Bestfriend", role: "Creative Director & Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg", imageAlt: "Portrait of the creative director"},
]}
title="Meet the Creator"
description="It's just me! I'm dedicated to delivering exceptional creative solutions with a personal touch."
@@ -255,50 +176,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Marketing Manager",
company: "Growth Innovators",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",
imageAlt: "Portrait of Sarah J.",
},
id: "1", name: "Sarah J.", role: "Marketing Manager", company: "Growth Innovators", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg", imageAlt: "Portrait of Sarah J."},
{
id: "2",
name: "Michael C.",
role: "Startup Founder",
company: "Tech Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",
imageAlt: "Portrait of Michael C.",
},
id: "2", name: "Michael C.", role: "Startup Founder", company: "Tech Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg", imageAlt: "Portrait of Michael C."},
{
id: "3",
name: "Emily R.",
role: "Creative Director",
company: "Artistic Studios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",
imageAlt: "Portrait of Emily R.",
},
id: "3", name: "Emily R.", role: "Creative Director", company: "Artistic Studios", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg", imageAlt: "Portrait of Emily R."},
{
id: "4",
name: "David K.",
role: "Project Lead",
company: "Digital Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-laptop_329181-14592.jpg",
imageAlt: "Portrait of David K.",
},
id: "4", name: "David K.", role: "Project Lead", company: "Digital Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-laptop_329181-14592.jpg", imageAlt: "Portrait of David K."},
{
id: "5",
name: "Jessica L.",
role: "Brand Strategist",
company: "Visionary Brands",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-with-dark-curly-hair-sitting-table-with-laptop-dreamily-looking-camera-while-spending-time-modern-cozy-workshop-with-big-windows_574295-504.jpg",
imageAlt: "Portrait of Jessica L.",
},
id: "5", name: "Jessica L.", role: "Brand Strategist", company: "Visionary Brands", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-with-dark-curly-hair-sitting-table-with-laptop-dreamily-looking-camera-while-spending-time-modern-cozy-workshop-with-big-windows_574295-504.jpg", imageAlt: "Portrait of Jessica L."},
]}
title="What Clients Say About My Work"
description="Hear directly from those who have experienced the creative difference. Their words reflect the quality and dedication I bring to every project."
@@ -306,105 +197,81 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqSplitMedia
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is your typical design process?",
content: "My process usually involves initial consultation, concept development, design iteration, client feedback, and final delivery. I ensure transparency and collaboration every step of the way.",
},
id: "1", title: "What is your typical design process?", content: "My process usually involves initial consultation, concept development, design iteration, client feedback, and final delivery. I ensure transparency and collaboration every step of the way."},
{
id: "2",
title: "How long does a project usually take?",
content: "Project timelines vary depending on complexity and scope. A detailed timeline will be provided after our initial consultation and project brief.",
},
id: "2", title: "How long does a project usually take?", content: "Project timelines vary depending on complexity and scope. A detailed timeline will be provided after our initial consultation and project brief."},
{
id: "3",
title: "What tools and software do you use?",
content: "I'm proficient in industry-standard tools like Adobe Creative Suite (Photoshop, Illustrator, After Effects), Figma, Blender, and various coding environments for web projects.",
},
id: "3", title: "What tools and software do you use?", content: "I'm proficient in industry-standard tools like Adobe Creative Suite (Photoshop, Illustrator, After Effects), Figma, Blender, and various coding environments for web projects."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to the most common questions about my creative process, services, and how we can work together."
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about my creative process, services, and how we can work together."
faqsAnimation="slide-up"
textPosition="left"
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/diverse-group-employees-sitting-office-discussing_1303-24757.jpg"
imageAlt="People discussing and collaborating"
mediaAnimation="slide-up"
animationType="smooth"
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
<ContactCTA
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
tag="Let's Connect"
title="Bring Your Vision to Life"
description="Ready to start a new creative project or simply want to say hello? I'd love to hear from you! Reach out and let's discuss how we can create something amazing together."
imageSrc="http://img.b2bpic.net/free-photo/man-works-computer-coworking-space-remote-work-workspace_1321-3095.jpg"
imageAlt="Creative workspace"
mediaAnimation="opacity"
mediaPosition="right"
inputPlaceholder="Enter your email address"
buttonText="Send Message"
termsText="By clicking Send Message you're confirming that you agree with my Privacy Policy."
buttons={[
{
text: "Contact Me", href: "#contact"
}
]}
buttonAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterMedia
columns={[
{
title: "My Hub",
items: [
title: "My Hub", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Me",
href: "#contact",
},
label: "Contact Me", href: "#contact"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
bottomLeftText="© 2024 My Creative Hub. All rights reserved."
bottomRightText="Crafted with Passion"
copyrightText="© 2024 My Creative Hub. All rights reserved."
imageSrc="http://img.b2bpic.net/free-photo/web-design-creative-team-concept_1421-1250.jpg"
imageAlt="Creative web design workspace"
logoText="My Creative Hub"
/>
</div>
</ReactLenis>