bender/3938e29b-d332-4cbc-8d26-9fa4a3a10fd6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-02 15:03:28 +00:00
Conversation 0 Commits 1 Files Changed 1 +114 -316
1 changed files with 114 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

430
src/app/page.tsx
View File

@@ -25,328 +25,126 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="CREATIVE"
button={{
text: "Get Started",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
brandName="CREATIVE"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "radial-gradient",
}}
title="Transforming Ideas into Powerful Visual Stories"
description="I help brands cut through the noise with bold, minimalist, and high-impact design solutions. Let's build your identity together."
testimonials={[
{
name: "Alice M.",
handle: "@alicedesign",
testimonial: "Exceptional work on our branding project. Professional, fast, and highly creative.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg?_wi=1",
imageAlt: "dark abstract background red glow",
},
{
name: "Bob R.",
handle: "@bobtech",
testimonial: "The best designer I've worked with. Understood our needs perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg?_wi=1",
imageAlt: "graphic designer in studio",
},
{
name: "Carol S.",
handle: "@carolmedia",
testimonial: "Transformed our digital presence. Incredible attention to detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg?_wi=1",
imageAlt: "brand identity mockup",
},
{
name: "David L.",
handle: "@dlstudio",
testimonial: "Fantastic creative vision and flawless execution.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg?_wi=1",
imageAlt: "app dashboard ui design",
},
{
name: "Emily P.",
handle: "@emilypdesign",
testimonial: "Reliable, talented, and truly cares about the final product.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg?_wi=1",
imageAlt: "logo design mockup wall",
},
]}
buttons={[
{
text: "View My Work",
href: "#portfolio",
},
{
text: "Contact Me",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg?_wi=2"
imageAlt="Abstract creative visual identity"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",
alt: "Client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Brand Identity",
},
{
type: "text",
text: "Web Design",
},
{
type: "text",
text: "Logo Creation",
},
{
type: "text",
text: "Print Design",
},
{
type: "text",
text: "User Experience",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "radial-gradient" }}
title="Transforming Ideas into Powerful Visual Stories"
description="I help brands cut through the noise with bold, minimalist, and high-impact design solutions. Let's build your identity together."
testimonials={[
{ name: "Alice M.", handle: "@alicedesign", testimonial: "Exceptional work on our branding project. Professional, fast, and highly creative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg", imageAlt: "dark abstract background red glow" },
{ name: "Bob R.", handle: "@bobtech", testimonial: "The best designer I've worked with. Understood our needs perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg", imageAlt: "graphic designer in studio" },
{ name: "Carol S.", handle: "@carolmedia", testimonial: "Transformed our digital presence. Incredible attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg", imageAlt: "brand identity mockup" },
{ name: "David L.", handle: "@dlstudio", testimonial: "Fantastic creative vision and flawless execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg", imageAlt: "app dashboard ui design" },
{ name: "Emily P.", handle: "@emilypdesign", testimonial: "Reliable, talented, and truly cares about the final product.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg", imageAlt: "logo design mockup wall" },
]}
buttons={[{ text: "View My Work", href: "#portfolio" }, { text: "Contact Me", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg"
imageAlt="Abstract creative visual identity"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg", alt: "Client 5" },
]}
marqueeItems={[
{ type: "text", text: "Brand Identity" },
{ type: "text", text: "Web Design" },
{ type: "text", text: "Logo Creation" },
{ type: "text", text: "Print Design" },
{ type: "text", text: "User Experience" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Design With Purpose"
description="With over 3 years of experience as a freelance designer, I bridge the gap between complex ideas and clean, powerful visuals. My process is built on collaboration, deep understanding, and a commitment to perfection."
bulletPoints={[
{
title: "Logo Design",
description: "Crafting unique identities that define brands.",
},
{
title: "Brand Identity",
description: "Holistic visual systems for a cohesive presence.",
},
{
title: "Web Design",
description: "Modern, functional digital experiences.",
},
{
title: "No-Code Sites",
description: "Custom websites built for performance.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg?_wi=2"
imageAlt="Designer at work"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Design With Purpose"
description="With over 3 years of experience as a freelance designer, I bridge the gap between complex ideas and clean, powerful visuals. My process is built on collaboration, deep understanding, and a commitment to perfection."
bulletPoints={[
{ title: "Logo Design", description: "Crafting unique identities that define brands." },
{ title: "Brand Identity", description: "Holistic visual systems for a cohesive presence." },
{ title: "Web Design", description: "Modern, functional digital experiences." },
{ title: "No-Code Sites", description: "Custom websites built for performance." },
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg"
imageAlt="Designer at work"
mediaAnimation="slide-up"
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardThree
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Tech Brand Identity",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg?_wi=2",
},
{
id: "2",
name: "Fintech Dashboard",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg?_wi=2",
},
{
id: "3",
name: "Luxury Logo Design",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg?_wi=2",
},
{
id: "4",
name: "Portfolio Website",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg?_wi=1",
},
{
id: "5",
name: "Poster Series",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg?_wi=1",
},
{
id: "6",
name: "Corporate Identity Guide",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg?_wi=1",
},
]}
title="Selected Projects"
description="A collection of recent work, showcasing branding, web design, and visual identities for forward-thinking clients."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardThree
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="slide-up"
products={[
{ id: "1", name: "Tech Brand Identity", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg" },
{ id: "2", name: "Fintech Dashboard", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg" },
{ id: "3", name: "Luxury Logo Design", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg" },
{ id: "4", name: "Portfolio Website", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg" },
{ id: "5", name: "Poster Series", price: "View Project", imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg" },
{ id: "6", name: "Corporate Identity Guide", price: "View Project", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg" },
]}
title="Selected Projects"
description="A collection of recent work, showcasing branding, web design, and visual identities for forward-thinking clients."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah K.",
date: "Oct 2023",
title: "Marketing Manager",
quote: "Incredible creative talent. The design was exactly what we envisioned.",
tag: "Brand Identity",
avatarSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg?_wi=2",
imageAlt: "website design showcase",
},
{
id: "2",
name: "David L.",
date: "Nov 2023",
title: "Startup Founder",
quote: "Transformed our app design. Highly professional and efficient process.",
tag: "Web Design",
avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg?_wi=2",
imageAlt: "poster graphic design mockup",
},
{
id: "3",
name: "Emily P.",
date: "Jan 2024",
title: "Director",
quote: "Seamless collaboration. The result was world-class work.",
tag: "Corporate Design",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg?_wi=2",
imageAlt: "corporate identity brochure",
},
{
id: "4",
name: "Michael B.",
date: "Feb 2024",
title: "Owner",
quote: "Patient, insightful, and talented. Highly recommend for any business.",
tag: "Logo Design",
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
imageAlt: "happy professional client",
},
{
id: "5",
name: "Jessica T.",
date: "Mar 2024",
title: "Creative Lead",
quote: "Understands minimalism perfectly. Very satisfied with the final deliverables.",
tag: "Branding",
avatarSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
imageAlt: "creative director portrait",
},
]}
title="Trusted by Clients"
description="Don't just take my word for it. Here is what my clients have to say about our collaborative process and the results we achieved."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah K.", date: "Oct 2023", title: "Marketing Manager", quote: "Incredible creative talent. The design was exactly what we envisioned.", tag: "Brand Identity", avatarSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg", imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg" },
{ id: "2", name: "David L.", date: "Nov 2023", title: "Startup Founder", quote: "Transformed our app design. Highly professional and efficient process.", tag: "Web Design", avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg" },
{ id: "3", name: "Emily P.", date: "Jan 2024", title: "Director", quote: "Seamless collaboration. The result was world-class work.", tag: "Corporate Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg" },
{ id: "4", name: "Michael B.", date: "Feb 2024", title: "Owner", quote: "Patient, insightful, and talented. Highly recommend for any business.", tag: "Logo Design", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg" },
{ id: "5", name: "Jessica T.", date: "Mar 2024", title: "Creative Lead", quote: "Understands minimalism perfectly. Very satisfied with the final deliverables.", tag: "Branding", avatarSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" },
]}
title="Trusted by Clients"
description="Don't just take my word for it. Here is what my clients have to say about our collaborative process and the results we achieved."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Let's Work Together"
description="Ready to transform your brand or have a project in mind? Reach out and let's get started today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell me about your project...",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/no-people-empty-desk-with-laptop-computer-apartment-use-modern-digital-technology-entertainment-nobody-home-office-with-interior-decorations-creative-indoors-style_482257-42172.jpg"
mediaAnimation="opacity"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Let's Work Together"
description="Ready to transform your brand or have a project in mind? Reach out and let's get started today."
inputs={[
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Tell me about your project...", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/no-people-empty-desk-with-laptop-computer-apartment-use-modern-digital-technology-entertainment-nobody-home-office-with-interior-decorations-creative-indoors-style_482257-42172.jpg"
mediaAnimation="opacity"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="CREATIVE"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="CREATIVE"
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);