Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ed20bc22f6 |
203
src/app/page.tsx
203
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="DesignStudio"
|
||||
/>
|
||||
@@ -52,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="CREATIVE PORTFOLIO"
|
||||
description="Crafting digital experiences with precision and heart. Let's build your vision together."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Work", href: "#projects"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -79,7 +68,7 @@ export default function LandingPage() {
|
||||
description="With over 5 years of experience in the industry, I bridge the gap between creative design and technical development."
|
||||
subdescription="I believe that well-crafted experiences should be both visually stunning and intuitively functional."
|
||||
icon={User}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdAsL64MfOeX0IhWRX4BpF4ar3/uploaded-1778601962197-gn71wac8.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -91,26 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Web Development",
|
||||
description: "Responsive, fast, and secure web applications.",
|
||||
tag: "Core",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-online-education-elements_1257-361.jpg",
|
||||
},
|
||||
id: "f1", title: "Web Development", description: "Responsive, fast, and secure web applications.", tag: "Core", imageSrc: "http://img.b2bpic.net/free-vector/linear-online-education-elements_1257-361.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your identity in a crowded market.",
|
||||
tag: "Brand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg",
|
||||
},
|
||||
id: "f2", title: "Brand Strategy", description: "Defining your identity in a crowded market.", tag: "Brand", imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "UX/UI Design",
|
||||
description: "User-centered design focused on conversion.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-133587.jpg",
|
||||
},
|
||||
id: "f3", title: "UX/UI Design", description: "User-centered design focused on conversion.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-133587.jpg"},
|
||||
]}
|
||||
title="My Expertise"
|
||||
description="Providing end-to-end creative solutions tailored to your unique business goals."
|
||||
@@ -125,41 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Corporate Identity",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-tablet-screen-mockup-marble-table_9975-32916.jpg",
|
||||
},
|
||||
id: "p1", name: "Corporate Identity", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/blank-tablet-screen-mockup-marble-table_9975-32916.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "App Interface",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg",
|
||||
},
|
||||
id: "p2", name: "App Interface", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brand System",
|
||||
price: "2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165585.jpg",
|
||||
},
|
||||
id: "p3", name: "Brand System", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165585.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Agency Site",
|
||||
price: "2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg",
|
||||
},
|
||||
id: "p4", name: "Agency Site", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Motion Visuals",
|
||||
price: "2021",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-maker-editing-movie-using-post-production-software-working-creative-agency-pc-with-green-screen-chroma-key-mock-up-isolated-display_482257-5434.jpg",
|
||||
},
|
||||
id: "p5", name: "Motion Visuals", price: "2021", imageSrc: "http://img.b2bpic.net/free-photo/video-maker-editing-movie-using-post-production-software-working-creative-agency-pc-with-green-screen-chroma-key-mock-up-isolated-display_482257-5434.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "SaaS Dashboard",
|
||||
price: "2021",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg",
|
||||
},
|
||||
id: "p6", name: "SaaS Dashboard", price: "2021", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg"},
|
||||
]}
|
||||
title="Recent Work"
|
||||
description="A collection of projects showcasing my design process and technical range."
|
||||
@@ -173,59 +123,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", role: "CEO", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "CMO",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Smith", role: "CMO", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Davis",
|
||||
role: "Founder",
|
||||
company: "TechFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie Davis", role: "Founder", company: "TechFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
role: "Manager",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
|
||||
},
|
||||
id: "4", name: "Diana Ross", role: "Manager", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethan Hunt",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
},
|
||||
id: "5", name: "Ethan Hunt", role: "Designer", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "50+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "5y",
|
||||
label: "Industry Experience",
|
||||
},
|
||||
value: "5y", label: "Industry Experience"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Trust is built through consistent, quality delivery. Here's what my partners have to say."
|
||||
@@ -240,25 +159,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "35%",
|
||||
title: "Conversion Lift",
|
||||
description: "Achieved for clients",
|
||||
icon: TrendingUp,
|
||||
id: "m1", value: "35%", title: "Conversion Lift", description: "Achieved for clients", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200ms",
|
||||
title: "Load Speed",
|
||||
description: "Average improvement",
|
||||
icon: Zap,
|
||||
id: "m2", value: "200ms", title: "Load Speed", description: "Average improvement", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "User Rating",
|
||||
description: "Across projects",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9/5", title: "User Rating", description: "Across projects", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Data-Driven Approach"
|
||||
@@ -271,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your availability?",
|
||||
content: "I am currently accepting new projects for the next quarter.",
|
||||
},
|
||||
id: "q1", title: "What is your availability?", content: "I am currently accepting new projects for the next quarter."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What tools do you use?",
|
||||
content: "I specialize in Figma, React, Next.js, and Tailwind CSS.",
|
||||
},
|
||||
id: "q2", title: "What tools do you use?", content: "I specialize in Figma, React, Next.js, and Tailwind CSS."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can we discuss a project?",
|
||||
content: "Absolutely! Feel free to reach out via the contact form.",
|
||||
},
|
||||
id: "q3", title: "Can we discuss a project?", content: "Absolutely! Feel free to reach out via the contact form."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about working with me."
|
||||
@@ -296,14 +194,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to bring your vision to life? Let's discuss how we can work together on your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Me", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,29 +207,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -345,4 +230,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user