Update src/app/page.tsx

This commit is contained in:
2026-03-02 18:55:25 +00:00
parent 2e8ef8e06b
commit fd5cbb250d

View File

@@ -57,7 +57,7 @@ export default function LandingPage() {
background={{ variant: "grid" }}
dashboard={{
title: "Website Performance Metrics", logoIcon: BarChart3,
imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-landing-page-web-design_23-2148127078.jpg?_wi=1", searchPlaceholder: "Search performance data...", buttons: [
imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-landing-page-web-design_23-2148127078.jpg", searchPlaceholder: "Search performance data...", buttons: [
{ text: "View Dashboard", href: "#" },
{ text: "Export Report", href: "#" },
],
@@ -69,13 +69,16 @@ export default function LandingPage() {
stats: [
{
title: "Traffic Growth", values: [2400, 3800, 5200],
valuePrefix: "+", valueSuffix: "%", description: "Monthly increase"},
valuePrefix: "+", valueSuffix: "%", description: "Monthly increase"
},
{
title: "Conversion Rate", values: [3.2, 4.7, 6.1],
valuePrefix: "", valueSuffix: "%", description: "Success rate"},
valuePrefix: "", valueSuffix: "%", description: "Success rate"
},
{
title: "Sites Launched", values: [150, 280, 425],
description: "Client projects"},
description: "Client projects"
},
],
chartTitle: "Monthly Growth", chartData: [
{ value: 40 },
@@ -87,13 +90,16 @@ export default function LandingPage() {
listTitle: "Recent Projects", listItems: [
{
icon: Globe,
title: "E-commerce Store Launch", status: "Completed"},
title: "E-commerce Store Launch", status: "Completed"
},
{
icon: Zap,
title: "Performance Optimization", status: "In Progress"},
title: "Performance Optimization", status: "In Progress"
},
{
icon: CheckCircle,
title: "SEO Implementation", status: "Completed"},
title: "SEO Implementation", status: "Completed"
},
],
}}
/>
@@ -112,11 +118,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "01", title: "Custom Website Design", description: "Beautiful, responsive websites designed specifically for your business needs and brand identity", imageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-design_23-2147858938.jpg", imageAlt: "Custom website design"},
id: "01", title: "Custom Website Design", description: "Beautiful, responsive websites designed specifically for your business needs and brand identity", imageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-design_23-2147858938.jpg", imageAlt: "Custom website design"
},
{
id: "02", title: "SEO Optimization", description: "Search engine optimization to help your website rank higher and attract more organic traffic", imageSrc: "http://img.b2bpic.net/free-photo/business-brainstorming-graph-chart-report-data-concept_53876-41686.jpg", imageAlt: "SEO optimization services"},
id: "02", title: "SEO Optimization", description: "Search engine optimization to help your website rank higher and attract more organic traffic", imageSrc: "http://img.b2bpic.net/free-photo/business-brainstorming-graph-chart-report-data-concept_53876-41686.jpg", imageAlt: "SEO optimization services"
},
{
id: "03", title: "24/7 Support", description: "Ongoing support and maintenance to keep your website running smoothly and secure", imageSrc: "http://img.b2bpic.net/free-photo/call-center-agent-typing-pc-keyboard-assisting-customers-through-live-chat_482257-125755.jpg", imageAlt: "Customer support"},
id: "03", title: "24/7 Support", description: "Ongoing support and maintenance to keep your website running smoothly and secure", imageSrc: "http://img.b2bpic.net/free-photo/call-center-agent-typing-pc-keyboard-assisting-customers-through-live-chat_482257-125755.jpg", imageAlt: "Customer support"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -167,19 +176,22 @@ export default function LandingPage() {
id: "starter", badge: "Starter", badgeIcon: Sparkles,
price: "$499", subtitle: "Perfect for getting started online", buttons: [{ text: "Choose Plan", href: "#contact" }],
features: [
"5 Page Website", "Mobile Responsive", "Basic SEO Setup", "Contact Form", "1 Month Support"],
"5 Page Website", "Mobile Responsive", "Basic SEO Setup", "Contact Form", "1 Month Support"
],
},
{
id: "professional", badge: "Professional", badgeIcon: Sparkles,
price: "$999", subtitle: "Best for growing businesses", buttons: [{ text: "Choose Plan", href: "#contact" }],
features: [
"15 Page Website", "Mobile Responsive", "Advanced SEO", "Contact & Booking Forms", "3 Months Support", "Analytics Setup"],
"15 Page Website", "Mobile Responsive", "Advanced SEO", "Contact & Booking Forms", "3 Months Support", "Analytics Setup"
],
},
{
id: "enterprise", badge: "Enterprise", badgeIcon: Sparkles,
price: "$1,999", subtitle: "For serious business growth", buttons: [{ text: "Choose Plan", href: "#contact" }],
features: [
"Unlimited Pages", "Mobile Responsive", "Premium SEO Strategy", "E-commerce Ready", "6 Months Support", "Monthly Analytics Reports"],
"Unlimited Pages", "Mobile Responsive", "Premium SEO Strategy", "E-commerce Ready", "6 Months Support", "Monthly Analytics Reports"
],
},
]}
animationType="slide-up"
@@ -196,10 +208,12 @@ export default function LandingPage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
names=[
"Local Bakery Co", "Tech Startup Hub", "Digital Marketing Pro", "E-Commerce Leaders", "Service Solutions Inc", "Creative Agency Plus", "Small Business Hub", "Growth Partners LLC"]
names={[
"Local Bakery Co", "Tech Startup Hub", "Digital Marketing Pro", "E-Commerce Leaders", "Service Solutions Inc", "Creative Agency Plus", "Small Business Hub", "Growth Partners LLC"
]}
logos={[
"http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg"]}
"http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg"
]}
speed={40}
showCard={true}
/>
@@ -215,17 +229,23 @@ export default function LandingPage() {
useInvertedBackground={false}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Johnson"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Johnson"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Chen"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Chen"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Rodriguez"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Rodriguez"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Kim"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Kim"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Jessica Lee"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Jessica Lee"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Wilson"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Wilson"
},
]}
/>
</div>
@@ -242,17 +262,23 @@ export default function LandingPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "How long does it take to build a website?", content: "Most websites are completed within 2-4 weeks depending on the plan and complexity. Our Starter plan typically takes 2-3 weeks, while Professional and Enterprise plans may take 3-4 weeks."},
id: "1", title: "How long does it take to build a website?", content: "Most websites are completed within 2-4 weeks depending on the plan and complexity. Our Starter plan typically takes 2-3 weeks, while Professional and Enterprise plans may take 3-4 weeks."
},
{
id: "2", title: "Do you provide hosting and domain setup?", content: "Yes, we help you get set up with hosting and domain registration. Hosting is typically $10-20 per month depending on your needs. We'll guide you through the process and handle the setup."},
id: "2", title: "Do you provide hosting and domain setup?", content: "Yes, we help you get set up with hosting and domain registration. Hosting is typically $10-20 per month depending on your needs. We'll guide you through the process and handle the setup."
},
{
id: "3", title: "Will my website be mobile responsive?", content: "Absolutely! Every website we build is fully responsive and optimized for all devices including smartphones, tablets, and desktops. This ensures a great user experience for all visitors."},
id: "3", title: "Will my website be mobile responsive?", content: "Absolutely! Every website we build is fully responsive and optimized for all devices including smartphones, tablets, and desktops. This ensures a great user experience for all visitors."
},
{
id: "4", title: "What is included in the SEO setup?", content: "Our SEO setup includes keyword research, meta tag optimization, site structure optimization, and Google Search Console setup. For the Professional plan and above, we provide ongoing optimization strategies."},
id: "4", title: "What is included in the SEO setup?", content: "Our SEO setup includes keyword research, meta tag optimization, site structure optimization, and Google Search Console setup. For the Professional plan and above, we provide ongoing optimization strategies."
},
{
id: "5", title: "Can I update my website myself?", content: "Yes! We use easy-to-use content management systems that allow you to make updates yourself. We also provide training and support to help you manage your site."},
id: "5", title: "Can I update my website myself?", content: "Yes! We use easy-to-use content management systems that allow you to make updates yourself. We also provide training and support to help you manage your site."
},
{
id: "6", title: "What if I need changes after launch?", content: "We offer ongoing support included with your plan. For changes beyond the included support, we offer hourly maintenance services at competitive rates."},
id: "6", title: "What if I need changes after launch?", content: "We offer ongoing support included with your plan. For changes beyond the included support, we offer hourly maintenance services at competitive rates."
},
]}
animationType="smooth"
/>
@@ -277,7 +303,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/digital-marketing-landing-page-web-design_23-2148127078.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-vector/digital-marketing-landing-page-web-design_23-2148127078.jpg"
imageAlt="Vidal Sites footer background"
logoText="Vidal Sites"
copyrightText="© 2025 Vidal Sites. All rights reserved."