bender/348c4f06-5a5a-4ba1-83f5-e07ecfd43991
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-13 06:43:57 +00:00
parent 8feb86758e 65962241b9
commit ee2ea94bd7
1 changed files with 37 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
src/app/page.tsx
View File

@@ -17,91 +17,50 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Experience",
id: "metrics",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Experience", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="MyPortfolio"
button={{ text: "Get in touch", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Hi, I'm [Your Name]."
description="I create digital experiences that blend creativity with functionality. Welcome to my personal space online."
buttons={[
{
text: "Get in touch",
href: "#contact",
},
]}
buttons={[{ text: "Get in touch", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg"
imageAlt="professional headshot portrait clean background"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
alt: "Medium shot transgender posing",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
alt: "Portrait of a beautiful woman looking at camera",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",
alt: "Portrait of a beautiful young business woman",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5113.jpg",
alt: "close-up portrait of attractive male model. Color flash light",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
alt: "professional headshot portrait clean background",
},
{ src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", alt: "Medium shot transgender posing" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg", alt: "Portrait of a beautiful woman looking at camera" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg", alt: "Portrait of a beautiful young business woman" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5113.jpg", alt: "close-up portrait of attractive male model. Color flash light" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg", alt: "professional headshot portrait clean background" },
]}
marqueeItems={[
{
type: "text",
text: "Innovative Design",
},
{
type: "text",
text: "Seamless Experience",
},
{
type: "text",
text: "Strategic Solutions",
},
{
type: "text",
text: "Continuous Growth",
},
{
type: "text",
text: "Impactful Results",
},
{ type: "text", text: "Innovative Design" },
{ type: "text", text: "Seamless Experience" },
{ type: "text", text: "Strategic Solutions" },
{ type: "text", text: "Continuous Growth" },
{ type: "text", text: "Impactful Results" },
]}
/>
</div>
@@ -126,31 +85,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5+",
description: "Years Experience",
},
{
id: "m2",
value: "50+",
description: "Projects Completed",
},
{
id: "m3",
value: "20+",
description: "Happy Clients",
},
{
id: "m4",
value: "100+",
description: "Coffee Cups",
},
{
id: "m5",
value: "100%",
description: "Commitment",
},
{ id: "m1", value: "5+", description: "Years Experience" },
{ id: "m2", value: "50+", description: "Projects Completed" },
{ id: "m3", value: "20+", description: "Happy Clients" },
{ id: "m4", value: "100+", description: "Coffee Cups" },
{ id: "m5", value: "100%", description: "Commitment" },
]}
title="My Impact"
description="A look at some key milestones and achievements in my professional path so far."
@@ -163,46 +102,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarahj",
testimonial: "Exceptional work on our recent collaboration. Truly impressed by the attention to detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Very professional and easy to work with. Always delivers quality results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@erodriguez",
testimonial: "Creative and resourceful. A joy to collaborate with on complex projects.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "Highly recommended for any digital project. Consistent and reliable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-indoors_23-2151309997.jpg",
},
{
id: "5",
name: "Alex Smith",
handle: "@alexs",
testimonial: "Simply the best service I have encountered. Professional and highly skilled.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
},
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Exceptional work on our recent collaboration. Truly impressed by the attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Very professional and easy to work with. Always delivers quality results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@erodriguez", testimonial: "Creative and resourceful. A joy to collaborate with on complex projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg" },
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Highly recommended for any digital project. Consistent and reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-indoors_23-2151309997.jpg" },
{ id: "5", name: "Alex Smith", handle: "@alexs", testimonial: "Simply the best service I have encountered. Professional and highly skilled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg" },
]}
showRating={true}
title="Kind Words"
@@ -213,9 +117,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Connect"
title="Start a Conversation"
description="I'm always open to discussing new projects, ideas, or just grabbing a virtual coffee."
@@ -228,14 +130,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="MyPortfolio"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Use",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Use", href: "#" }}
/>
</div>
</ReactLenis>