Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
name: "Portfolio", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Design Studio"
|
||||
/>
|
||||
@@ -51,31 +45,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Digital Experiences."
|
||||
description="I transform visions into beautiful, functional, and meaningful digital designs."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898339.jpg?_wi=1",
|
||||
imageAlt: "creative designer workspace minimalist",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898339.jpg", imageAlt: "creative designer workspace minimalist"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-paper-shapes-background-style_23-2148632473.jpg?_wi=1",
|
||||
imageAlt: "graphic design studio mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-paper-shapes-background-style_23-2148632473.jpg", imageAlt: "graphic design studio mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320704.jpg?_wi=1",
|
||||
imageAlt: "designer workplace inspiration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320704.jpg", imageAlt: "designer workplace inspiration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-mobile-phone_23-2148128818.jpg",
|
||||
imageAlt: "creative designer workspace minimalist",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-mobile-phone_23-2148128818.jpg", imageAlt: "creative designer workspace minimalist"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-office-workspace-with-color-palettes_23-2148821933.jpg",
|
||||
imageAlt: "graphic design studio mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-office-workspace-with-color-palettes_23-2148821933.jpg", imageAlt: "graphic design studio mockup"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -88,23 +71,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "12+",
|
||||
},
|
||||
id: "1", icon: Award,
|
||||
title: "Awards Won", value: "12+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "50+",
|
||||
},
|
||||
id: "2", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "50+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "35+",
|
||||
},
|
||||
id: "3", icon: Users,
|
||||
title: "Happy Clients", value: "35+"},
|
||||
]}
|
||||
title="My Expertise"
|
||||
description="Precision and creativity combined for impact."
|
||||
@@ -118,46 +92,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ideation",
|
||||
description: "Defining the core problem and brainstorming solutions.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg",
|
||||
imageAlt: "Ideation",
|
||||
},
|
||||
title: "Ideation", description: "Defining the core problem and brainstorming solutions.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg", imageAlt: "Ideation"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163145.jpg",
|
||||
imageAlt: "Planning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898339.jpg?_wi=2",
|
||||
imageAlt: "creative designer workspace minimalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163145.jpg", imageAlt: "Planning"},
|
||||
},
|
||||
{
|
||||
title: "Prototyping",
|
||||
description: "Building interactive models to test the flow.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163092.jpg",
|
||||
imageAlt: "Prototyping",
|
||||
},
|
||||
title: "Prototyping", description: "Building interactive models to test the flow.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163092.jpg", imageAlt: "Prototyping"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002181.jpg",
|
||||
imageAlt: "Testing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-paper-shapes-background-style_23-2148632473.jpg?_wi=2",
|
||||
imageAlt: "creative designer workspace minimalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002181.jpg", imageAlt: "Testing"},
|
||||
},
|
||||
{
|
||||
title: "Final Delivery",
|
||||
description: "Polishing every detail for the final hand-off.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-white-envelopes-with-pattern-background_23-2148252342.jpg",
|
||||
imageAlt: "Polish",
|
||||
},
|
||||
title: "Final Delivery", description: "Polishing every detail for the final hand-off.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-white-envelopes-with-pattern-background_23-2148252342.jpg", imageAlt: "Polish"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-painting-pallete_23-2148915877.jpg",
|
||||
imageAlt: "Launch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320704.jpg?_wi=2",
|
||||
imageAlt: "creative designer workspace minimalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-painting-pallete_23-2148915877.jpg", imageAlt: "Launch"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -174,41 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern SaaS UI",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritional-counter-app-composition-high-angle_23-2149880624.jpg",
|
||||
},
|
||||
id: "1", name: "Modern SaaS UI", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/nutritional-counter-app-composition-high-angle_23-2149880624.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Global Brand Identity",
|
||||
price: "Brand System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800633.jpg",
|
||||
},
|
||||
id: "2", name: "Global Brand Identity", price: "Brand System", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800633.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Editorial Layout Design",
|
||||
price: "Print Work",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure_1142-14489.jpg",
|
||||
},
|
||||
id: "3", name: "Editorial Layout Design", price: "Print Work", imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure_1142-14489.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Premium Packaging",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-opened-big-carton-box-full-white-packages_346278-193.jpg",
|
||||
},
|
||||
id: "4", name: "Premium Packaging", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/closeup-opened-big-carton-box-full-white-packages_346278-193.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mobile E-commerce App",
|
||||
price: "UX Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-smartphone-white-surface_187299-46273.jpg",
|
||||
},
|
||||
id: "5", name: "Mobile E-commerce App", price: "UX Design", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-smartphone-white-surface_187299-46273.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Interactive Website",
|
||||
price: "Web Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-125031.jpg",
|
||||
},
|
||||
id: "6", name: "Interactive Website", price: "Web Development", imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-125031.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A collection of recent projects focusing on UI/UX and Brand Design."
|
||||
@@ -221,45 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "Incredible attention to detail and vision.",
|
||||
name: "Alice Wang",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
|
||||
},
|
||||
id: "1", title: "Great Experience", quote: "Incredible attention to detail and vision.", name: "Alice Wang", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Efficient Design",
|
||||
quote: "My brand has never looked better. Amazing work.",
|
||||
name: "Mark Smith",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
|
||||
},
|
||||
id: "2", title: "Efficient Design", quote: "My brand has never looked better. Amazing work.", name: "Mark Smith", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Deeply creative and highly professional process.",
|
||||
name: "Sarah Lee",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
|
||||
},
|
||||
id: "3", title: "Highly Recommend", quote: "Deeply creative and highly professional process.", name: "Sarah Lee", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top Talent",
|
||||
quote: "Delivered beyond our expectations every time.",
|
||||
name: "John Doe",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-posing-with-glasses_23-2148415852.jpg",
|
||||
},
|
||||
id: "4", title: "Top Talent", quote: "Delivered beyond our expectations every time.", name: "John Doe", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-posing-with-glasses_23-2148415852.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perfect Results",
|
||||
quote: "The final product was exactly what we needed.",
|
||||
name: "Jane Doe",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-something-laughing-out-pointing-with-index-finger-something-someone-standing-brown-background_141793-133931.jpg",
|
||||
},
|
||||
id: "5", title: "Perfect Results", quote: "The final product was exactly what we needed.", name: "Jane Doe", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-something-laughing-out-pointing-with-index-finger-something-someone-standing-brown-background_141793-133931.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Working with partners who value design excellence."
|
||||
@@ -272,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Most projects take 4-8 weeks depending on scope.",
|
||||
},
|
||||
id: "1", title: "What is your typical project timeline?", content: "Most projects take 4-8 weeks depending on scope."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you work with startups?",
|
||||
content: "Absolutely, I love helping early-stage companies define their visual voice.",
|
||||
},
|
||||
id: "2", title: "Do you work with startups?", content: "Absolutely, I love helping early-stage companies define their visual voice."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do we get started?",
|
||||
content: "Schedule a discovery call via the contact form and we can discuss your needs.",
|
||||
},
|
||||
id: "3", title: "How do we get started?", content: "Schedule a discovery call via the contact form and we can discuss your needs."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with me."
|
||||
@@ -300,16 +187,10 @@ export default function LandingPage() {
|
||||
description="Ready to bring your ideas to life? Get in touch today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-16765.jpg"
|
||||
@@ -322,33 +203,21 @@ export default function LandingPage() {
|
||||
logoText="Design Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Portfolio", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user