Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Clients",
|
||||
id: "#clients",
|
||||
},
|
||||
name: "Clients", id: "#clients"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="DesignDrive"
|
||||
/>
|
||||
@@ -80,12 +62,10 @@ export default function LandingPage() {
|
||||
description="We create beautiful, conversion-focused websites for ambitious brands. See how we've helped 200 companies grow online."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Work", href: "#portfolio"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/overjoyed-startup-team-securing-angel-investments-becoming-unicorn-company_482257-120011.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/overjoyed-startup-team-securing-angel-investments-becoming-unicorn-company_482257-120011.jpg"
|
||||
imageAlt="Creative agency team collaborating on a web design project"
|
||||
/>
|
||||
</div>
|
||||
@@ -98,7 +78,7 @@ export default function LandingPage() {
|
||||
tag="About Us"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg"
|
||||
imageAlt="Modern web design agency office interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -109,72 +89,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Discovery & Strategy",
|
||||
description: "We start by deeply understanding your business, audience, and goals to lay a solid foundation for success.",
|
||||
icon: Search,
|
||||
title: "Discovery & Strategy", description: "We start by deeply understanding your business, audience, and goals to lay a solid foundation for success.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg",
|
||||
imageAlt: "Team brainstorming during discovery phase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg", imageAlt: "Team brainstorming during discovery phase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/progress-word-wooden-tiles_23-2148227667.jpg",
|
||||
imageAlt: "Whiteboard with strategic planning notes",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-startup-team-securing-angel-investments-becoming-unicorn-company_482257-120011.jpg?_wi=2",
|
||||
imageAlt: "team conducting research brainstorm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/progress-word-wooden-tiles_23-2148227667.jpg", imageAlt: "Whiteboard with strategic planning notes"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Design & Prototyping",
|
||||
description: "Crafting intuitive user interfaces and captivating visual experiences that reflect your brand identity.",
|
||||
icon: Palette,
|
||||
title: "Design & Prototyping", description: "Crafting intuitive user interfaces and captivating visual experiences that reflect your brand identity.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-choosing-streaming-service-account_23-2147930580.jpg",
|
||||
imageAlt: "UI/UX designer working on wireframes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-choosing-streaming-service-account_23-2147930580.jpg", imageAlt: "UI/UX designer working on wireframes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16057.jpg",
|
||||
imageAlt: "Designer presenting a website prototype to a client",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg?_wi=2",
|
||||
imageAlt: "team conducting research brainstorm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16057.jpg", imageAlt: "Designer presenting a website prototype to a client"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Development & Launch",
|
||||
description: "Bringing designs to life with robust, scalable code and ensuring a smooth, impactful launch.",
|
||||
icon: Rocket,
|
||||
title: "Development & Launch", description: "Bringing designs to life with robust, scalable code and ensuring a smooth, impactful launch.", icon: Rocket,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg",
|
||||
imageAlt: "Developer coding on multiple screens",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg", imageAlt: "Developer coding on multiple screens"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-undergoing-therapy-depression-isolated-chroma-key-screen_482257-121576.jpg",
|
||||
imageAlt: "Team celebrating a successful website launch",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-entrepreneurs-working-together-office_93675-134471.jpg",
|
||||
imageAlt: "team conducting research brainstorm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-undergoing-therapy-depression-isolated-chroma-key-screen_482257-121576.jpg", imageAlt: "Team celebrating a successful website launch"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Optimization & Growth",
|
||||
description: "Continuous monitoring, analysis, and refinement to maximize performance and future-proof your digital presence.",
|
||||
icon: TrendingUp,
|
||||
title: "Optimization & Growth", description: "Continuous monitoring, analysis, and refinement to maximize performance and future-proof your digital presence.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
|
||||
imageAlt: "Data analytics dashboard showing website metrics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg", imageAlt: "Data analytics dashboard showing website metrics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg?_wi=1",
|
||||
imageAlt: "Team discussing long-term growth strategy",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-startup-landing-page-template_52683-11290.jpg?_wi=1",
|
||||
imageAlt: "team conducting research brainstorm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg", imageAlt: "Team discussing long-term growth strategy"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Design Process: Clear & Collaborative"
|
||||
@@ -190,65 +138,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "FashionForward",
|
||||
name: "E-commerce Redesign",
|
||||
price: "Project Value: $50K",
|
||||
rating: 5,
|
||||
reviewCount: "12 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg?_wi=2",
|
||||
imageAlt: "E-commerce website redesign for a fashion brand",
|
||||
},
|
||||
id: "p1", brand: "FashionForward", name: "E-commerce Redesign", price: "Project Value: $50K", rating: 5,
|
||||
reviewCount: "12 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg", imageAlt: "E-commerce website redesign for a fashion brand"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "InnovateHub",
|
||||
name: "SaaS Platform Launch",
|
||||
price: "Project Value: $75K",
|
||||
rating: 5,
|
||||
reviewCount: "18 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-startup-landing-page-template_52683-11290.jpg?_wi=2",
|
||||
imageAlt: "Landing page design for a SaaS platform",
|
||||
},
|
||||
id: "p2", brand: "InnovateHub", name: "SaaS Platform Launch", price: "Project Value: $75K", rating: 5,
|
||||
reviewCount: "18 Reviews", imageSrc: "http://img.b2bpic.net/free-vector/business-startup-landing-page-template_52683-11290.jpg", imageAlt: "Landing page design for a SaaS platform"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Gourmet Bistro",
|
||||
name: "Restaurant Website",
|
||||
price: "Project Value: $30K",
|
||||
rating: 5,
|
||||
reviewCount: "7 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg",
|
||||
imageAlt: "Website design for a gourmet restaurant",
|
||||
},
|
||||
id: "p3", brand: "Gourmet Bistro", name: "Restaurant Website", price: "Project Value: $30K", rating: 5,
|
||||
reviewCount: "7 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg", imageAlt: "Website design for a gourmet restaurant"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Elite Realty",
|
||||
name: "Real Estate Portal",
|
||||
price: "Project Value: $60K",
|
||||
rating: 5,
|
||||
reviewCount: "15 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-mortgage-loan-concept_53876-176753.jpg",
|
||||
imageAlt: "Modern real estate agency website",
|
||||
},
|
||||
id: "p4", brand: "Elite Realty", name: "Real Estate Portal", price: "Project Value: $60K", rating: 5,
|
||||
reviewCount: "15 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-mortgage-loan-concept_53876-176753.jpg", imageAlt: "Modern real estate agency website"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "ZenFlow Yoga",
|
||||
name: "Wellness Studio Site",
|
||||
price: "Project Value: $40K",
|
||||
rating: 5,
|
||||
reviewCount: "9 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-life-medical-exercise-concept_53876-124795.jpg",
|
||||
imageAlt: "Website for a yoga and wellness studio",
|
||||
},
|
||||
id: "p5", brand: "ZenFlow Yoga", name: "Wellness Studio Site", price: "Project Value: $40K", rating: 5,
|
||||
reviewCount: "9 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/health-life-medical-exercise-concept_53876-124795.jpg", imageAlt: "Website for a yoga and wellness studio"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Apex Finance",
|
||||
name: "Financial Services Site",
|
||||
price: "Project Value: $80K",
|
||||
rating: 5,
|
||||
reviewCount: "20 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-tablet_23-2149429322.jpg",
|
||||
imageAlt: "Professional website for a financial consulting firm",
|
||||
},
|
||||
id: "p6", brand: "Apex Finance", name: "Financial Services Site", price: "Project Value: $80K", rating: 5,
|
||||
reviewCount: "20 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-tablet_23-2149429322.jpg", imageAlt: "Professional website for a financial consulting firm"},
|
||||
]}
|
||||
title="Featured Projects: Design That Delivers"
|
||||
description="Explore our recent successes and see how we've transformed businesses with impactful web design and measurable results."
|
||||
@@ -263,20 +169,11 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200+",
|
||||
description: "Satisfied Clients Globally",
|
||||
},
|
||||
id: "m1", value: "200+", description: "Satisfied Clients Globally"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Client Retention Rate",
|
||||
},
|
||||
id: "m2", value: "95%", description: "Client Retention Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150%",
|
||||
description: "Average Revenue Growth for Clients",
|
||||
},
|
||||
id: "m3", value: "150%", description: "Average Revenue Growth for Clients"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -290,25 +187,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, CEO, Innovative Solutions"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "Avatar of Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Avatar of Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
alt: "Avatar of Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Avatar of Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
|
||||
alt: "Avatar of Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", alt: "Avatar of Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
alt: "Avatar of David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Avatar of David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg",
|
||||
alt: "Avatar of Maria Garcia",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg", alt: "Avatar of Maria Garcia"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -320,14 +207,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tech Solutions",
|
||||
"Global Innovations",
|
||||
"Eco Living Group",
|
||||
"Creative Brands Co.",
|
||||
"Future Labs",
|
||||
"Dynamic Ventures",
|
||||
"HealthCore Systems",
|
||||
]}
|
||||
"Tech Solutions", "Global Innovations", "Eco Living Group", "Creative Brands Co.", "Future Labs", "Dynamic Ventures", "HealthCore Systems"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with businesses of all sizes to craft digital experiences that make a lasting impact and drive real growth."
|
||||
showCard={true}
|
||||
@@ -340,20 +220,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How long does a typical website project take?",
|
||||
content: "Project timelines vary based on complexity and scope, but most standard projects range from 8 to 12 weeks from discovery to launch. We provide a detailed timeline upfront.",
|
||||
},
|
||||
id: "faq1", title: "How long does a typical website project take?", content: "Project timelines vary based on complexity and scope, but most standard projects range from 8 to 12 weeks from discovery to launch. We provide a detailed timeline upfront."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is your pricing model and how do you handle budgets?",
|
||||
content: "We offer transparent, fixed-price project quotes based on a thorough understanding of your requirements. No hidden fees, no surprises. We work with you to align on a budget that makes sense for your goals.",
|
||||
},
|
||||
id: "faq2", title: "What is your pricing model and how do you handle budgets?", content: "We offer transparent, fixed-price project quotes based on a thorough understanding of your requirements. No hidden fees, no surprises. We work with you to align on a budget that makes sense for your goals."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How do you ensure our website design stays current?",
|
||||
content: "Our designs are built on modern, scalable frameworks with best practices for future compatibility. We also offer ongoing maintenance and update packages to keep your site fresh and performant.",
|
||||
},
|
||||
id: "faq3", title: "How do you ensure our website design stays current?", content: "Our designs are built on modern, scalable frameworks with best practices for future compatibility. We also offer ongoing maintenance and update packages to keep your site fresh and performant."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-brainstorming-laughing-office_23-2148222552.jpg"
|
||||
imageAlt="Business team discussing solutions to common problems"
|
||||
@@ -368,8 +239,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Share your vision with us, and we'll help bring it to life with design that drives results and exceeds expectations."
|
||||
@@ -386,13 +256,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="DesignDrive"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user