Merge version_1 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
name: "Work", id: "#work"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="Freelance Studios"
|
||||
/>
|
||||
@@ -56,35 +48,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Crafting Digital Experiences."
|
||||
description="I help brands bring their visions to life with clean, functional, and beautiful web design. Let's build something remarkable together."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg?_wi=1",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-businesswoman-working-computer-drinking-coffee-office_637285-5190.jpg",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-businesswoman-working-computer-drinking-coffee-office_637285-5190.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-tattooed-man-white-blank-tank-t-shirt-stretching-his-triceps-arms-after-workout-isolated-brick-wall_346278-1587.jpg",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/athletic-tattooed-man-white-blank-tank-t-shirt-stretching-his-triceps-arms-after-workout-isolated-brick-wall_346278-1587.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-table_23-2148036934.jpg",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-table_23-2148036934.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320713.jpg",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320713.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,7 +76,7 @@ export default function LandingPage() {
|
||||
description="I believe that design should solve problems, not just look good. My approach combines strategic thinking with creative precision to deliver impactful results."
|
||||
subdescription="With over 5 years of experience in the creative industry, I have successfully partnered with over 50 clients to transform their digital presence."
|
||||
icon={Palette}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-with-short-curly-hair-wireless-earphones-s_574295-3780.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-with-short-curly-hair-wireless-earphones-s_574295-3780.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -109,76 +88,55 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "Creating responsive, user-friendly websites that look great on any device.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749877.jpg",
|
||||
title: "Web Design", description: "Creating responsive, user-friendly websites that look great on any device.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749877.jpg", imageAlt: "design process UI"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Layout,
|
||||
text: "Responsive Layouts",
|
||||
},
|
||||
text: "Responsive Layouts"},
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "Mobile-First Design",
|
||||
},
|
||||
text: "Mobile-First Design"},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "UI/UX Strategy",
|
||||
},
|
||||
text: "UI/UX Strategy"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg?_wi=2",
|
||||
imageAlt: "design process UI",
|
||||
},
|
||||
{
|
||||
title: "Branding Strategy",
|
||||
description: "Building cohesive visual identities that resonate with your target audience.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/letter-kraft-paper-envelope-with-small-decorative-vases_24972-3073.jpg",
|
||||
title: "Branding Strategy", description: "Building cohesive visual identities that resonate with your target audience.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/letter-kraft-paper-envelope-with-small-decorative-vases_24972-3073.jpg", imageAlt: "design process UI"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: PenTool,
|
||||
text: "Logo Design",
|
||||
},
|
||||
text: "Logo Design"},
|
||||
{
|
||||
icon: Type,
|
||||
text: "Typography Systems",
|
||||
},
|
||||
text: "Typography Systems"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Color Palettes",
|
||||
},
|
||||
text: "Color Palettes"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-short-curly-hair-wireless-earphones-s_574295-3780.jpg?_wi=2",
|
||||
imageAlt: "design process UI",
|
||||
},
|
||||
{
|
||||
title: "Content Design",
|
||||
description: "Writing clear, persuasive copy that communicates your value effectively.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749874.jpg",
|
||||
title: "Content Design", description: "Writing clear, persuasive copy that communicates your value effectively.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749874.jpg", imageAlt: "design process UI"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Copywriting",
|
||||
},
|
||||
text: "Copywriting"},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Brand Messaging",
|
||||
},
|
||||
text: "Brand Messaging"},
|
||||
{
|
||||
icon: Search,
|
||||
text: "Content Audits",
|
||||
},
|
||||
text: "Content Audits"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg?_wi=1",
|
||||
imageAlt: "design process UI",
|
||||
},
|
||||
]}
|
||||
title="What I Can Do For You"
|
||||
@@ -194,41 +152,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Digital Hub",
|
||||
price: "Web App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Digital Hub", price: "Web App", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brand Identity",
|
||||
price: "Corporate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160824.jpg",
|
||||
},
|
||||
id: "2", name: "Brand Identity", price: "Corporate", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160824.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marketing Site",
|
||||
price: "Saas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rest-concept-with-tablet-light-surface_23-2148182485.jpg",
|
||||
},
|
||||
id: "3", name: "Marketing Site", price: "Saas", imageSrc: "http://img.b2bpic.net/free-photo/rest-concept-with-tablet-light-surface_23-2148182485.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ecommerce Shop",
|
||||
price: "Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg",
|
||||
},
|
||||
id: "4", name: "Ecommerce Shop", price: "Store", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mobile Portfolio",
|
||||
price: "Mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-view-dark-background_187299-35338.jpg",
|
||||
},
|
||||
id: "5", name: "Mobile Portfolio", price: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-view-dark-background_187299-35338.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Studio Site",
|
||||
price: "Agency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_52683-162013.jpg",
|
||||
},
|
||||
id: "6", name: "Studio Site", price: "Agency", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_52683-162013.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A showcase of recent work helping brands thrive online."
|
||||
@@ -242,37 +176,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$1,500",
|
||||
subtitle: "Perfect for landing pages.",
|
||||
features: [
|
||||
"Responsive Layout",
|
||||
"Basic SEO",
|
||||
"Mobile Optimized",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$1,500", subtitle: "Perfect for landing pages.", features: [
|
||||
"Responsive Layout", "Basic SEO", "Mobile Optimized"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$3,500",
|
||||
subtitle: "Best for growing startups.",
|
||||
features: [
|
||||
"Complete Website",
|
||||
"CMS Integration",
|
||||
"Brand Guidelines",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$3,500", subtitle: "Best for growing startups.", features: [
|
||||
"Complete Website", "CMS Integration", "Brand Guidelines"],
|
||||
},
|
||||
{
|
||||
id: "expert",
|
||||
badge: "Enterprise",
|
||||
price: "$6,000+",
|
||||
subtitle: "Full digital strategy.",
|
||||
features: [
|
||||
"Custom App Design",
|
||||
"High-Priority Support",
|
||||
"Advanced Analytics",
|
||||
],
|
||||
id: "expert", badge: "Enterprise", price: "$6,000+", subtitle: "Full digital strategy.", features: [
|
||||
"Custom App Design", "High-Priority Support", "Advanced Analytics"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -286,45 +199,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Vision",
|
||||
quote: "The design brought our brand to life exactly how we imagined.",
|
||||
name: "Sarah J.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
|
||||
},
|
||||
id: "1", title: "Incredible Vision", quote: "The design brought our brand to life exactly how we imagined.", name: "Sarah J.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Professional",
|
||||
quote: "Seamless communication and exceptional creative quality throughout.",
|
||||
name: "Mark D.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-dressed-elegant-suit-looking-away-correct-his-glasses-while-standing-outdoors-against-skyscraper-background_613910-4080.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Professional", quote: "Seamless communication and exceptional creative quality throughout.", name: "Mark D.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-dressed-elegant-suit-looking-away-correct-his-glasses-while-standing-outdoors-against-skyscraper-background_613910-4080.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Game Changer",
|
||||
quote: "Our sales increased significantly after the site redesign.",
|
||||
name: "Elena R.",
|
||||
role: "Head of Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
id: "3", title: "Game Changer", quote: "Our sales increased significantly after the site redesign.", name: "Elena R.", role: "Head of Marketing", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Seamless Process",
|
||||
quote: "Easy to work with, responsive, and incredibly talented.",
|
||||
name: "David L.",
|
||||
role: "Product Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-young-girl-sitting-cafe_1157-20844.jpg",
|
||||
},
|
||||
id: "4", title: "Seamless Process", quote: "Easy to work with, responsive, and incredibly talented.", name: "David L.", role: "Product Lead", imageSrc: "http://img.b2bpic.net/free-photo/fashion-young-girl-sitting-cafe_1157-20844.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Total Transformation",
|
||||
quote: "The best design investment our agency has ever made.",
|
||||
name: "Alex K.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
id: "5", title: "Total Transformation", quote: "The best design investment our agency has ever made.", name: "Alex K.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our clients say about the creative journey."
|
||||
@@ -336,20 +219,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do we start?",
|
||||
content: "Simply fill out the contact form and we'll schedule a discovery call.",
|
||||
},
|
||||
id: "1", title: "How do we start?", content: "Simply fill out the contact form and we'll schedule a discovery call."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is the timeline?",
|
||||
content: "Projects usually range from 2 to 8 weeks depending on scope.",
|
||||
},
|
||||
id: "2", title: "What is the timeline?", content: "Projects usually range from 2 to 8 weeks depending on scope."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer support?",
|
||||
content: "I offer ongoing maintenance packages for all long-term clients.",
|
||||
},
|
||||
id: "3", title: "Do you offer support?", content: "I offer ongoing maintenance packages for all long-term clients."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about starting your project."
|
||||
@@ -361,8 +235,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Let's Talk"
|
||||
title="Start Your Project"
|
||||
description="I'm always open to new collaborative opportunities."
|
||||
@@ -377,37 +250,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user