Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
/>
|
||||
@@ -52,68 +43,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Minimalist Digital Experiences"
|
||||
description="I help brands create clean, sky-inspired digital spaces that feel light and purposeful."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
alt: "professional portrait minimalist background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
|
||||
alt: "professional portrait minimalist background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
alt: "professional portrait minimalist background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
alt: "professional portrait minimalist background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
alt: "Pleased successful female administrator in office",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "professional portrait minimalist background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg", alt: "professional portrait minimalist background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", alt: "professional portrait minimalist background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "professional portrait minimalist background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", alt: "Pleased successful female administrator in office" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#work",
|
||||
},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Work", href: "#work" },
|
||||
{ text: "Contact Me", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Clean Aesthetics",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Strategic Thinking",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "User-Centric",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seamless Flow",
|
||||
icon: Circle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Scalable Design",
|
||||
icon: Box,
|
||||
},
|
||||
{ type: "text-icon", text: "Clean Aesthetics", icon: Palette },
|
||||
{ type: "text-icon", text: "Strategic Thinking", icon: Lightbulb },
|
||||
{ type: "text-icon", text: "User-Centric", icon: Users },
|
||||
{ type: "text-icon", text: "Seamless Flow", icon: Circle },
|
||||
{ type: "text-icon", text: "Scalable Design", icon: Box },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,20 +74,11 @@ export default function LandingPage() {
|
||||
title="Focus on Clarity"
|
||||
description="My approach centers on stripping away the unnecessary to reveal the core essence of your brand, inspired by the vast openness of the sky."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Minimalist Design",
|
||||
description: "Less is more in every pixel.",
|
||||
},
|
||||
{
|
||||
title: "Purpose-Driven",
|
||||
description: "Every element serves a goal.",
|
||||
},
|
||||
{
|
||||
title: "Clean Aesthetic",
|
||||
description: "Crisp lines, airy spaces.",
|
||||
},
|
||||
{ title: "Minimalist Design", description: "Less is more in every pixel." },
|
||||
{ title: "Purpose-Driven", description: "Every element serves a goal." },
|
||||
{ title: "Clean Aesthetic", description: "Crisp lines, airy spaces." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workspace-with-keyboard-cup-stationary_23-2147830007.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workspace-with-keyboard-cup-stationary_23-2147830007.jpg"
|
||||
imageAlt="professional person working in modern office"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,28 +91,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Project Alpha",
|
||||
description: "Redesigning a modern fintech interface with minimalism.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-101922.jpg",
|
||||
imageAlt: "minimalist blue sky abstract art",
|
||||
title: "Project Alpha", description: "Redesigning a modern fintech interface with minimalism.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Project Beta",
|
||||
description: "A clean e-commerce experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShoppingBag,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-keyboard-cup-stationary_23-2147830007.jpg?_wi=2",
|
||||
imageAlt: "minimalist blue sky abstract art",
|
||||
title: "Project Beta", description: "A clean e-commerce experience.", bentoComponent: "reveal-icon", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
title: "Project Gamma",
|
||||
description: "Developing a brand voice and visual system.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layers,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
imageAlt: "minimalist blue sky abstract art",
|
||||
title: "Project Gamma", description: "Developing a brand voice and visual system.", bentoComponent: "reveal-icon", icon: Layers,
|
||||
},
|
||||
]}
|
||||
title="Selected Works"
|
||||
@@ -187,24 +112,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Lead Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice Wong",
|
||||
role: "Senior Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jane Doe", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg" },
|
||||
{ id: "3", name: "Alice Wong", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg" },
|
||||
]}
|
||||
title="Collaborators"
|
||||
description="Working with visionary partners around the globe."
|
||||
@@ -217,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "CEO",
|
||||
testimonial: "Transformative work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sweater-white-shirt-posing-with-folded-arms-looking-confident-front-view_176474-111650.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark",
|
||||
role: "Founder",
|
||||
testimonial: "Elegant, simple, effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia",
|
||||
role: "Designer",
|
||||
testimonial: "Design that breathes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom",
|
||||
role: "CTO",
|
||||
testimonial: "Minimalism done right.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1470.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna",
|
||||
role: "Brand Mgr",
|
||||
testimonial: "Beautifully clear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "CEO", testimonial: "Transformative work.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sweater-white-shirt-posing-with-folded-arms-looking-confident-front-view_176474-111650.jpg" },
|
||||
{ id: "2", name: "Mark", role: "Founder", testimonial: "Elegant, simple, effective.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg" },
|
||||
{ id: "3", name: "Julia", role: "Designer", testimonial: "Design that breathes.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg" },
|
||||
{ id: "4", name: "Tom", role: "CTO", testimonial: "Minimalism done right.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1470.jpg" },
|
||||
{ id: "5", name: "Anna", role: "Brand Mgr", testimonial: "Beautifully clear.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
|
||||
]}
|
||||
title="Voices of Clarity"
|
||||
description="Hear what partners have to say about my minimalist approach."
|
||||
@@ -267,35 +147,11 @@ export default function LandingPage() {
|
||||
description="Sharing insights on design and clarity."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Design",
|
||||
title: "The Power of White Space",
|
||||
excerpt: "Why simplicity rules.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012376.jpg",
|
||||
authorName: "Design Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
date: "Jan 1, 2025",
|
||||
},
|
||||
id: "b1", category: "Design", title: "The Power of White Space", excerpt: "Why simplicity rules.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012376.jpg", authorName: "Design Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", date: "Jan 1, 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Theory",
|
||||
title: "Sky-Inspired Design",
|
||||
excerpt: "Finding beauty in openness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-vintage-camera-laptop-white-desk_23-2148061572.jpg",
|
||||
authorName: "Design Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112100.jpg",
|
||||
date: "Jan 5, 2025",
|
||||
},
|
||||
id: "b2", category: "Theory", title: "Sky-Inspired Design", excerpt: "Finding beauty in openness.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-vintage-camera-laptop-white-desk_23-2148061572.jpg", authorName: "Design Team", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112100.jpg", date: "Jan 5, 2025"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Practice",
|
||||
title: "Minimalist Workflows",
|
||||
excerpt: "Streamlining creativity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-sculptural-chair-futuristic-curved-interior_1194-640230.jpg",
|
||||
authorName: "Design Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg",
|
||||
date: "Jan 10, 2025",
|
||||
},
|
||||
id: "b3", category: "Practice", title: "Minimalist Workflows", excerpt: "Streamlining creativity.", imageSrc: "http://img.b2bpic.net/free-photo/white-sculptural-chair-futuristic-curved-interior_1194-640230.jpg", authorName: "Design Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", date: "Jan 10, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,15 +160,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Nike",
|
||||
"Adidas",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Apple", "Nike", "Adidas", "Amazon", "Tesla"]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Partnerships that drive clarity and innovation."
|
||||
/>
|
||||
@@ -324,16 +172,8 @@ export default function LandingPage() {
|
||||
title="Let's Connect"
|
||||
description="Ready to bring clarity to your next project?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workspace-with-laptop-women-s-fashion-accessories-isolated-white-background_23-2147924078.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user