Merge version_1 into main #1
131
src/app/page.tsx
131
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DevFlow"
|
||||
/>
|
||||
@@ -60,13 +50,9 @@ export default function LandingPage() {
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View My Work", href: "#portfolio"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/clean-and-professional-web-developer-wor-1774473850821-9da6761a.png"
|
||||
@@ -85,17 +71,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Website Design",
|
||||
description: "Crafting visually appealing and intuitive designs tailored to your brand.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/abstract-representation-of-website-desig-1774473850537-1438378e.png",
|
||||
imageAlt: "Abstract design of a website layout",
|
||||
},
|
||||
title: "Website Design", description: "Crafting visually appealing and intuitive designs tailored to your brand.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/abstract-representation-of-website-desig-1774473850537-1438378e.png", imageAlt: "Abstract design of a website layout"},
|
||||
{
|
||||
title: "Business Website Development",
|
||||
description: "Building robust and scalable websites designed to convert visitors into customers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/digital-illustration-of-a-business-websi-1774473852132-7666d200.png",
|
||||
imageAlt: "Digital illustration of a business dashboard",
|
||||
},
|
||||
title: "Business Website Development", description: "Building robust and scalable websites designed to convert visitors into customers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/digital-illustration-of-a-business-websi-1774473852132-7666d200.png", imageAlt: "Digital illustration of a business dashboard"},
|
||||
]}
|
||||
title="My Services"
|
||||
description="Offering comprehensive web development solutions to help your business thrive online."
|
||||
@@ -110,21 +88,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "project-1",
|
||||
name: "E-commerce Redesign",
|
||||
price: "$0",
|
||||
variant: "Web Design",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/mockup-of-a-sleek-e-commerce-website-red-1774473851377-1826c9dc.png",
|
||||
imageAlt: "Mockup of an e-commerce website redesign",
|
||||
},
|
||||
id: "project-1", name: "E-commerce Redesign", price: "$0", variant: "Web Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/mockup-of-a-sleek-e-commerce-website-red-1774473851377-1826c9dc.png", imageAlt: "Mockup of an e-commerce website redesign"},
|
||||
{
|
||||
id: "project-2",
|
||||
name: "Landing Page Optimization",
|
||||
price: "$0",
|
||||
variant: "Performance Focus",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/vibrant-and-optimized-landing-page-desig-1774473851363-6c2d7d70.png",
|
||||
imageAlt: "Tablet displaying an optimized landing page",
|
||||
},
|
||||
id: "project-2", name: "Landing Page Optimization", price: "$0", variant: "Performance Focus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/vibrant-and-optimized-landing-page-desig-1774473851363-6c2d7d70.png", imageAlt: "Tablet displaying an optimized landing page"},
|
||||
]}
|
||||
title="My Recent Work"
|
||||
description="Explore a selection of projects showcasing my web development skills and commitment to quality."
|
||||
@@ -137,41 +103,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Outstanding Results!",
|
||||
quote: "The website developed was exactly what I envisioned – clean, fast, and easy to manage. Highly recommend!",
|
||||
name: "Sarah Chen",
|
||||
role: "Small Business Owner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-smiling-femal-1774473850620-53e3bdbf.png",
|
||||
imageAlt: "Portrait of Sarah Chen",
|
||||
},
|
||||
id: "1", title: "Outstanding Results!", quote: "The website developed was exactly what I envisioned – clean, fast, and easy to manage. Highly recommend!", name: "Sarah Chen", role: "Small Business Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-smiling-femal-1774473850620-53e3bdbf.png", imageAlt: "Portrait of Sarah Chen"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional and Efficient",
|
||||
quote: "Professional and responsive. My new business website looks fantastic and has already brought in new leads.",
|
||||
name: "Mark Davis",
|
||||
role: "Startup Founder",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-male-startup--1774473850602-3bba27b0.png",
|
||||
imageAlt: "Portrait of Mark Davis",
|
||||
},
|
||||
id: "2", title: "Professional and Efficient", quote: "Professional and responsive. My new business website looks fantastic and has already brought in new leads.", name: "Mark Davis", role: "Startup Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-male-startup--1774473850602-3bba27b0.png", imageAlt: "Portrait of Mark Davis"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Improved User Experience",
|
||||
quote: "The redesign significantly improved user experience. My customers love the new look and feel!",
|
||||
name: "Emily White",
|
||||
role: "E-commerce Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-female-market-1774473850639-a7bd831a.png",
|
||||
imageAlt: "Portrait of Emily White",
|
||||
},
|
||||
id: "3", title: "Improved User Experience", quote: "The redesign significantly improved user experience. My customers love the new look and feel!", name: "Emily White", role: "E-commerce Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-female-market-1774473850639-a7bd831a.png", imageAlt: "Portrait of Emily White"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Exceptional Attention to Detail",
|
||||
quote: "Exceptional attention to detail and a keen eye for modern design. A pleasure to work with from start to finish.",
|
||||
name: "John Smith",
|
||||
role: "Freelance Consultant",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-male-product--1774473850840-6b2b7e58.png",
|
||||
imageAlt: "Portrait of John Smith",
|
||||
},
|
||||
id: "4", title: "Exceptional Attention to Detail", quote: "Exceptional attention to detail and a keen eye for modern design. A pleasure to work with from start to finish.", name: "John Smith", role: "Freelance Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSDpkwnOkVDMLC2ugrswj5Pt7j/professional-headshot-of-a-male-product--1774473850840-6b2b7e58.png", imageAlt: "Portrait of John Smith"},
|
||||
]}
|
||||
title="Client Testimonials"
|
||||
description="Hear what my clients have to say about working with me."
|
||||
@@ -184,18 +122,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Something Great Together"
|
||||
description="Have a project in mind or just want to chat? Reach out via WhatsApp or send an email.\n\nWhatsApp: +123 456 7890\nEmail: your.email@example.com"
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Email",
|
||||
href: "mailto:your.email@example.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -205,37 +136,23 @@ export default function LandingPage() {
|
||||
imageAlt="Minimalist abstract background for footer"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user