bender/3be3d47e-9c6d-405a-962d-6c7158c81ebe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 07:07:34 +00:00
parent c5129c14f1
commit fab30172fd
1 changed files with 100 additions and 333 deletions
Download Patch File Download Diff File Expand all files Collapse all files

433
src/app/page.tsx
View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about-us",
},
name: "About Us", id: "#about-us"},
{
name: "Our Services",
id: "#our-services",
},
name: "Our Services", id: "#our-services"},
{
name: "Our Process",
id: "#our-process",
},
name: "Our Process", id: "#our-process"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact Us",
id: "#contact-us",
},
name: "Contact Us", id: "#contact-us"},
]}
brandName="ZARI Website Developers"
bottomLeftText="WhatsApp: +92 326 5546194"
@@ -79,19 +61,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
logoText="ZARI Website Developers"
description="Transform Your Business with a Professional Website. ZARI Website Developers creates modern, responsive, and high-converting websites that help businesses grow, attract customers, and build a powerful online presence."
buttons={[
{
text: "Get Free Consultation",
href: "#contact-us",
},
text: "Get Free Consultation", href: "#contact-us"},
{
text: "View Portfolio",
href: "#portfolio",
},
text: "View Portfolio", href: "#portfolio"},
]}
imageSrc="http://img.b2bpic.net/free-photo/grand-parent-learning-use-digital-divice_23-2149214556.jpg"
imageAlt="Laptop displaying a modern website with code elements"
@@ -104,8 +81,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Who We Are"
description={[
"ZARI Website Developers is a professional web development agency dedicated to helping businesses establish a strong online presence. We specialize in creating modern websites, eCommerce stores, landing pages, business websites, and custom web solutions tailored to our clients' needs.",
]}
"ZARI Website Developers is a professional web development agency dedicated to helping businesses establish a strong online presence. We specialize in creating modern websites, eCommerce stores, landing pages, business websites, and custom web solutions tailored to our clients' needs."]}
/>
</div>
@@ -116,72 +92,29 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Website Development",
tags: [
"Business",
"Corporate",
"Startup",
"Portfolio",
],
imageSrc: "http://img.b2bpic.net/free-photo/innovation-ideas-imagine-processing-system-concept_53876-132192.jpg",
imageAlt: "Abstract illustration of website development",
},
id: "f1", title: "Website Development", tags: [
"Business", "Corporate", "Startup", "Portfolio"],
imageSrc: "http://img.b2bpic.net/free-photo/innovation-ideas-imagine-processing-system-concept_53876-132192.jpg", imageAlt: "Abstract illustration of website development"},
{
id: "f2",
title: "eCommerce Development",
tags: [
"Online Stores",
"Product Catalog",
"Payment Integration",
],
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
imageAlt: "Illustration of online shopping cart with payment icons",
},
id: "f2", title: "eCommerce Development", tags: [
"Online Stores", "Product Catalog", "Payment Integration"],
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg", imageAlt: "Illustration of online shopping cart with payment icons"},
{
id: "f3",
title: "Landing Pages",
tags: [
"Lead Generation",
"Sales Pages",
"Marketing Funnels",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-triangle_23-2151294108.jpg",
imageAlt: "Illustration of a conversion funnel for landing pages",
},
id: "f3", title: "Landing Pages", tags: [
"Lead Generation", "Sales Pages", "Marketing Funnels"],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-triangle_23-2151294108.jpg", imageAlt: "Illustration of a conversion funnel for landing pages"},
{
id: "f4",
title: "Website Redesign",
tags: [
"UI/UX Improvements",
"Speed Optimization",
"Mobile Responsiveness",
],
imageSrc: "http://img.b2bpic.net/free-photo/creative-workspace-desk-with-notebook_1384-33.jpg",
imageAlt: "Illustration comparing old and new website designs",
},
id: "f4", title: "Website Redesign", tags: [
"UI/UX Improvements", "Speed Optimization", "Mobile Responsiveness"],
imageSrc: "http://img.b2bpic.net/free-photo/creative-workspace-desk-with-notebook_1384-33.jpg", imageAlt: "Illustration comparing old and new website designs"},
{
id: "f5",
title: "SEO Services",
tags: [
"On-Page SEO",
"Technical SEO",
"Website Optimization",
],
imageSrc: "http://img.b2bpic.net/free-photo/arrange-white-letters-as-seo_1384-118.jpg",
imageAlt: "Illustration of search bar with traffic graph",
},
id: "f5", title: "SEO Services", tags: [
"On-Page SEO", "Technical SEO", "Website Optimization"],
imageSrc: "http://img.b2bpic.net/free-photo/arrange-white-letters-as-seo_1384-118.jpg", imageAlt: "Illustration of search bar with traffic graph"},
{
id: "f6",
title: "Website Maintenance",
tags: [
"Regular Updates",
"Security Monitoring",
"Backup Management",
],
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631020.jpg",
imageAlt: "Illustration of website with wrench and shield icons",
},
id: "f6", title: "Website Maintenance", tags: [
"Regular Updates", "Security Monitoring", "Backup Management"],
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631020.jpg", imageAlt: "Illustration of website with wrench and shield icons"},
]}
title="Our Services"
description="We offer a comprehensive suite of web development and digital marketing services to elevate your online presence."
@@ -190,56 +123,33 @@ export default function LandingPage() {
<div id="our-process" data-section="our-process">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Step 1",
title: "Consultation & Requirement Analysis",
items: [
"http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15837.jpg",
],
id: "m1", value: "Step 1", title: "Consultation & Requirement Analysis", items: [
"http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15837.jpg"],
},
{
id: "m2",
value: "Step 2",
title: "Planning & Strategy",
items: [
"http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749917.jpg",
],
id: "m2", value: "Step 2", title: "Planning & Strategy", items: [
"http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749917.jpg"],
},
{
id: "m3",
value: "Step 3",
title: "UI/UX Design",
items: [
"http://img.b2bpic.net/free-photo/man-computer-stylish-home-office_23-2152013710.jpg",
],
id: "m3", value: "Step 3", title: "UI/UX Design", items: [
"http://img.b2bpic.net/free-photo/man-computer-stylish-home-office_23-2152013710.jpg"],
},
{
id: "m4",
value: "Step 4",
title: "Development & Coding",
items: [
"http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124246.jpg",
],
id: "m4", value: "Step 4", title: "Development & Coding", items: [
"http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124246.jpg"],
},
{
id: "m5",
value: "Step 5",
title: "Testing & Optimization",
items: [
"http://img.b2bpic.net/free-photo/maintenance-repair-remedy-service-restoration-concept_53876-123681.jpg",
],
id: "m5", value: "Step 5", title: "Testing & Optimization", items: [
"http://img.b2bpic.net/free-photo/maintenance-repair-remedy-service-restoration-concept_53876-123681.jpg"],
},
{
id: "m6",
value: "Step 6",
title: "Launch & Support",
items: [
"http://img.b2bpic.net/free-photo/business-statistics_53876-167065.jpg",
],
id: "m6", value: "Step 6", title: "Launch & Support", items: [
"http://img.b2bpic.net/free-photo/business-statistics_53876-167065.jpg"],
},
]}
title="Our Process"
@@ -255,47 +165,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Business Websites",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-winter-time_23-2149287062.jpg",
imageAlt: "Mockup of a professional business website on a desktop",
},
id: "p1", name: "Business Websites", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-winter-time_23-2149287062.jpg", imageAlt: "Mockup of a professional business website on a desktop"},
{
id: "p2",
name: "eCommerce Stores",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg",
imageAlt: "Mockup of an eCommerce store on a tablet",
},
id: "p2", name: "eCommerce Stores", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg", imageAlt: "Mockup of an eCommerce store on a tablet"},
{
id: "p3",
name: "Landing Pages",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-124737.jpg",
imageAlt: "Mockup of a high-converting landing page on a smartphone",
},
id: "p3", name: "Landing Pages", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-124737.jpg", imageAlt: "Mockup of a high-converting landing page on a smartphone"},
{
id: "p4",
name: "Custom Web Applications",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg",
imageAlt: "Mockup of a custom web application dashboard on a monitor",
},
id: "p4", name: "Custom Web Applications", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg", imageAlt: "Mockup of a custom web application dashboard on a monitor"},
{
id: "p5",
name: "Mobile Apps",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg",
imageAlt: "Mockup of a user-friendly mobile application interface",
},
id: "p5", name: "Mobile Apps", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg", imageAlt: "Mockup of a user-friendly mobile application interface"},
{
id: "p6",
name: "SaaS Platforms",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
imageAlt: "Mockup of a modern SaaS platform dashboard on a laptop",
},
id: "p6", name: "SaaS Platforms", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", imageAlt: "Mockup of a modern SaaS platform dashboard on a laptop"},
]}
title="Our Portfolio"
description="Explore our diverse range of successful projects, showcasing our expertise in creating impactful digital experiences."
@@ -309,64 +189,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
imageAlt: "Sarah Johnson, CEO of TechCorp",
},
id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", imageAlt: "Sarah Johnson, CEO of TechCorp"},
{
id: "t2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
imageAlt: "Michael Chen, CTO of InnovateLab",
},
id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", imageAlt: "Michael Chen, CTO of InnovateLab"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Marketing Director",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-smiling_23-2148729656.jpg",
imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo",
},
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-smiling_23-2148729656.jpg", imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo"},
{
id: "t4",
name: "David Kim",
role: "Product Manager",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-trendy-girl-using-tablet_23-2147787591.jpg",
imageAlt: "David Kim, Product Manager at StartupXYZ",
},
id: "t4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-trendy-girl-using-tablet_23-2147787591.jpg", imageAlt: "David Kim, Product Manager at StartupXYZ"},
{
id: "t5",
name: "Jessica Lee",
role: "Founder",
company: "Visionary Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
imageAlt: "Jessica Lee, Founder of Visionary Labs",
},
id: "t5", name: "Jessica Lee", role: "Founder", company: "Visionary Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg", imageAlt: "Jessica Lee, Founder of Visionary Labs"},
]}
kpiItems={[
{
value: "100+",
label: "Projects Completed",
},
value: "100+", label: "Projects Completed"},
{
value: "99%",
label: "Client Satisfaction",
},
value: "99%", label: "Client Satisfaction"},
{
value: "5-Star",
label: "Rating",
},
value: "5-Star", label: "Rating"},
]}
title="Client Testimonials"
description="Hear directly from our satisfied clients about their experience working with ZARI Website Developers."
@@ -375,65 +219,30 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "plan1",
tag: "Starter",
tagIcon: Rocket,
price: "Custom",
period: "Project",
description: "Ideal for small businesses and personal projects.",
button: {
text: "Get Started",
href: "#contact-us",
},
featuresTitle: "Includes:",
features: [
"5 Pages Website",
"Mobile Responsive",
"Contact Form",
"Basic SEO",
],
id: "plan1", tag: "Starter", tagIcon: Rocket,
price: "Custom", period: "Project", description: "Ideal for small businesses and personal projects.", button: {
text: "Get Started", href: "#contact-us"},
featuresTitle: "Includes:", features: [
"5 Pages Website", "Mobile Responsive", "Contact Form", "Basic SEO"],
},
{
id: "plan2",
tag: "Business",
tagIcon: Briefcase,
price: "Custom",
period: "Project",
description: "Perfect for growing businesses needing comprehensive solutions.",
button: {
text: "Choose Plan",
href: "#contact-us",
},
featuresTitle: "Includes:",
features: [
"10 Pages Website",
"Advanced Design",
"SEO Optimization",
"Speed Optimization",
],
id: "plan2", tag: "Business", tagIcon: Briefcase,
price: "Custom", period: "Project", description: "Perfect for growing businesses needing comprehensive solutions.", button: {
text: "Choose Plan", href: "#contact-us"},
featuresTitle: "Includes:", features: [
"10 Pages Website", "Advanced Design", "SEO Optimization", "Speed Optimization"],
},
{
id: "plan3",
tag: "Premium",
tagIcon: Diamond,
price: "Custom",
period: "Project",
description: "Tailored for enterprises requiring custom features and priority support.",
button: {
text: "Contact Us",
href: "#contact-us",
},
featuresTitle: "Includes:",
features: [
"Unlimited Pages",
"Custom Features",
"Advanced SEO",
"Priority Support",
],
id: "plan3", tag: "Premium", tagIcon: Diamond,
price: "Custom", period: "Project", description: "Tailored for enterprises requiring custom features and priority support.", button: {
text: "Contact Us", href: "#contact-us"},
featuresTitle: "Includes:", features: [
"Unlimited Pages", "Custom Features", "Advanced SEO", "Priority Support"],
},
]}
title="Pricing Plans"
@@ -447,25 +256,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How long does website development take?",
content: "Typically between 3 to 14 days depending on project requirements and complexity.",
},
id: "faq1", title: "How long does website development take?", content: "Typically between 3 to 14 days depending on project requirements and complexity."},
{
id: "faq2",
title: "Do you provide hosting?",
content: "Yes, we can assist with hosting and domain setup to ensure your website is live and accessible.",
},
id: "faq2", title: "Do you provide hosting?", content: "Yes, we can assist with hosting and domain setup to ensure your website is live and accessible."},
{
id: "faq3",
title: "Will my website work on mobile devices?",
content: "Absolutely. Every website we develop is fully responsive and optimized to provide an excellent experience on all mobile devices, tablets, and desktops.",
},
id: "faq3", title: "Will my website work on mobile devices?", content: "Absolutely. Every website we develop is fully responsive and optimized to provide an excellent experience on all mobile devices, tablets, and desktops."},
{
id: "faq4",
title: "Do you provide support after launch?",
content: "Yes, we offer ongoing support and maintenance services to keep your website updated, secure, and performing optimally after launch.",
},
id: "faq4", title: "Do you provide support after launch?", content: "Yes, we offer ongoing support and maintenance services to keep your website updated, secure, and performing optimally after launch."},
]}
imageSrc="http://img.b2bpic.net/free-vector/customer-support-illustration_23-2148886152.jpg"
imageAlt="Customer support representative answering questions"
@@ -480,8 +277,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Let's Build Something Amazing Together"
description="Ready to grow your business online? Contact ZARI Website Developers today and get your professional website started. WhatsApp: +92 326 5546194, Email: zaritalk7@gmail.com"
@@ -499,70 +295,41 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About",
href: "#about-us",
},
label: "About", href: "#about-us"},
{
label: "Services",
href: "#our-services",
},
label: "Services", href: "#our-services"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Contact",
href: "#contact-us",
},
label: "Contact", href: "#contact-us"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Website Development",
href: "#our-services",
},
label: "Website Development", href: "#our-services"},
{
label: "eCommerce Development",
href: "#our-services",
},
label: "eCommerce Development", href: "#our-services"},
{
label: "Landing Pages",
href: "#our-services",
},
label: "Landing Pages", href: "#our-services"},
{
label: "SEO Services",
href: "#our-services",
},
label: "SEO Services", href: "#our-services"},
{
label: "Website Maintenance",
href: "#our-services",
},
label: "Website Maintenance", href: "#our-services"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "WhatsApp: +92 326 5546194",
href: "https://wa.me/923265546194",
},
label: "WhatsApp: +92 326 5546194", href: "https://wa.me/923265546194"},
{
label: "Email: zaritalk7@gmail.com",
href: "mailto:zaritalk7@gmail.com",
},
label: "Email: zaritalk7@gmail.com", href: "mailto:zaritalk7@gmail.com"},
],
},
]}