Update src/app/page.tsx
This commit is contained in:
210
src/app/page.tsx
210
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DevPortfolio"
|
||||
/>
|
||||
@@ -50,20 +41,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
logoText="I build websites that bring you clients"
|
||||
description="Turning your business into a digital powerhouse. Fast, mobile-first, and SEO-optimized sites designed specifically for small businesses and tourism."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get your website",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Contact on WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{ text: "Get your website", href: "#contact" },
|
||||
{ text: "Contact on WhatsApp", href: "https://wa.me/yournumber" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-gradient-background-with-grainy-effect_84443-3118.jpg"
|
||||
imageAlt="minimalist abstract background purple dark"
|
||||
@@ -78,42 +61,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kann Squad",
|
||||
price: "Management Suite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416724.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mavelle Service",
|
||||
price: "Service Booking",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app_52683-43475.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Monlitchi",
|
||||
price: "Food Experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-is-using-tablet-holding-cup-coffee-dessert-wooden-table_1268-17051.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tourism Local",
|
||||
price: "Booking System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-laptop_23-2148430838.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Consulting Plus",
|
||||
price: "Lead Generation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-travel-agency_52683-136452.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Local Bistro",
|
||||
price: "Menu Website",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917843.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Kann Squad", price: "Management Suite", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416724.jpg" },
|
||||
{ id: "p2", name: "Mavelle Service", price: "Service Booking", imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app_52683-43475.jpg" },
|
||||
{ id: "p3", name: "Monlitchi", price: "Food Experience", imageSrc: "http://img.b2bpic.net/free-photo/woman-is-using-tablet-holding-cup-coffee-dessert-wooden-table_1268-17051.jpg" },
|
||||
{ id: "p4", name: "Tourism Local", price: "Booking System", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-laptop_23-2148430838.jpg" },
|
||||
{ id: "p5", name: "Consulting Plus", price: "Lead Generation", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-travel-agency_52683-136452.jpg" },
|
||||
{ id: "p6", name: "Local Bistro", price: "Menu Website", imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917843.jpg" },
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Real businesses achieving real results through strategic web design."
|
||||
@@ -127,57 +80,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
price: "$999",
|
||||
subtitle: "Perfect for solo entrepreneurs",
|
||||
features: [
|
||||
"Mobile-friendly design",
|
||||
"Basic SEO setup",
|
||||
"Contact form included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "starter", badge: "Entry", price: "$999", subtitle: "Perfect for solo entrepreneurs", features: ["Mobile-friendly design", "Basic SEO setup", "Contact form included"],
|
||||
buttons: [{ text: "Start Now", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "Popular",
|
||||
price: "$2499",
|
||||
subtitle: "For established businesses",
|
||||
features: [
|
||||
"Advanced SEO",
|
||||
"WhatsApp integration",
|
||||
"Google Maps visibility",
|
||||
"Speed optimization",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Business",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "business", badge: "Popular", price: "$2499", subtitle: "For established businesses", features: ["Advanced SEO", "WhatsApp integration", "Google Maps visibility", "Speed optimization"],
|
||||
buttons: [{ text: "Get Business", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "$4999+",
|
||||
subtitle: "Scale your operations",
|
||||
features: [
|
||||
"Full Booking System",
|
||||
"Performance marketing tools",
|
||||
"Analytics dashboard",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Growth", price: "$4999+", subtitle: "Scale your operations", features: ["Full Booking System", "Performance marketing tools", "Analytics dashboard", "Priority support"],
|
||||
buttons: [{ text: "Go Pro", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Simple Success Packages"
|
||||
@@ -204,49 +116,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@kann",
|
||||
testimonial: "My business leads doubled within a month of launching the site.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
handle: "@mavelle",
|
||||
testimonial: "The WhatsApp integration is a game-changer for our bookings.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa T.",
|
||||
handle: "@monlitchi",
|
||||
testimonial: "Finally a website that actually helps me get more customers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@local",
|
||||
testimonial: "Professional, fast, and results-driven. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
handle: "@bistro",
|
||||
testimonial: "The best investment I made for my local business this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@kann", testimonial: "My business leads doubled within a month of launching the site.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
{ id: "2", name: "Mark R.", handle: "@mavelle", testimonial: "The WhatsApp integration is a game-changer for our bookings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" },
|
||||
{ id: "3", name: "Lisa T.", handle: "@monlitchi", testimonial: "Finally a website that actually helps me get more customers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@local", testimonial: "Professional, fast, and results-driven. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg" },
|
||||
{ id: "5", name: "Elena V.", handle: "@bistro", testimonial: "The best investment I made for my local business this year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
description="Real client testimonials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -255,26 +133,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a site take?",
|
||||
content: "Most standard business sites are launched within 2-3 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I own the website?",
|
||||
content: "Yes, 100% ownership from day one.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle SEO?",
|
||||
content: "Yes, every site I build is optimized for Google visibility.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What about updates?",
|
||||
content: "I offer optional ongoing maintenance support.",
|
||||
},
|
||||
{ id: "q1", title: "How long does a site take?", content: "Most standard business sites are launched within 2-3 weeks." },
|
||||
{ id: "q2", title: "Do I own the website?", content: "Yes, 100% ownership from day one." },
|
||||
{ id: "q3", title: "Can you handle SEO?", content: "Yes, every site I build is optimized for Google visibility." },
|
||||
{ id: "q4", title: "What about updates?", content: "I offer optional ongoing maintenance support." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your project."
|
||||
@@ -285,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Let’s build your online presence"
|
||||
description="Ready to get more clients? Send me a message, and let's get to work."
|
||||
@@ -299,16 +159,8 @@ export default function LandingPage() {
|
||||
logoText="DevPortfolio"
|
||||
copyrightText="© 2025 | Freelance Web Developer"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Github, href: "#", ariaLabel: "GitHub" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user