|
|
|
|
@@ -2,7 +2,7 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
|
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
|
@@ -37,6 +37,9 @@ export default function LandingPage() {
|
|
|
|
|
name: "About", id: "#about"},
|
|
|
|
|
{
|
|
|
|
|
name: "Features", id: "#features"},
|
|
|
|
|
{
|
|
|
|
|
name: "Projects", id: "#projects"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Products", id: "#products"},
|
|
|
|
|
{
|
|
|
|
|
@@ -50,7 +53,7 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
brandName="Webild"
|
|
|
|
|
button={{
|
|
|
|
|
text: "Get Started", href: "#contact"}}
|
|
|
|
|
text: "Get Started", href: "#contact"}}
|
|
|
|
|
animateOnLoad={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -67,9 +70,11 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
text: "Get a Quote", href: "#contact"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg?_wi=1"
|
|
|
|
|
imageAlt="modern web design desk setup"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg", alt: "Mockup Copy Space Blank Screen Concept"},
|
|
|
|
|
@@ -105,6 +110,8 @@ export default function LandingPage() {
|
|
|
|
|
description="We are a team of passionate designers and developers dedicated to creating high-quality, user-centric websites that drive engagement and growth. Our focus is on delivering tailored solutions that resonate with your brand and audience."
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/serious-young-colleagues-sitting-office-coworking_171337-17681.jpg"
|
|
|
|
|
imageAlt="team collaborating on web project"
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -129,6 +136,35 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
title="Key Features That Set Us Apart"
|
|
|
|
|
description="Discover how our comprehensive services provide real value and empower your online success."
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="projects" data-section="projects">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "proj1", name: "Dynamic Portfolio Site", price: "Web Development", variant: "Showcasing creative work with elegance and speed.", imageSrc: "http://img.b2bpic.net/free-photo/code-programming-coding-hacker-concept_53876-124216.jpg", imageAlt: "Dynamic Portfolio Site Screenshot"},
|
|
|
|
|
{
|
|
|
|
|
id: "proj2", name: "E-commerce Platform Redesign", price: "UI/UX & Development", variant: "Modernizing an online store for enhanced user experience and sales.", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-office-desk-full-items_53876-124190.jpg", imageAlt: "E-commerce Platform Redesign Screenshot"},
|
|
|
|
|
{
|
|
|
|
|
id: "proj3", name: "SaaS Dashboard Interface", price: "UX/UI Design", variant: "Designing intuitive and powerful dashboards for data visualization.", imageSrc: "http://img.b2bpic.net/free-photo/code-programming-coding-hacker-concept_53876-124198.jpg", imageAlt: "SaaS Dashboard Interface Screenshot"},
|
|
|
|
|
{
|
|
|
|
|
id: "proj4", name: "Mobile App Landing Page", price: "Web Design", variant: "Creating engaging landing pages to drive app downloads and user acquisition.", imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg?_wi=2", imageAlt: "Mobile App Landing Page Screenshot"},
|
|
|
|
|
{
|
|
|
|
|
id: "proj5", name: "Corporate Blog Integration", price: "Content Strategy", variant: "Seamlessly integrating a blog for content marketing and audience engagement.", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=1", imageAlt: "Corporate Blog Integration Screenshot"},
|
|
|
|
|
{
|
|
|
|
|
id: "proj6", name: "Interactive Event Website", price: "Full-stack Development", variant: "Building dynamic websites for event registrations, schedules, and live updates.", imageSrc: "http://img.b2bpic.net/free-photo/workspace-desk-from-top-view-white-background_169016-11880.jpg", imageAlt: "Interactive Event Website Screenshot"}
|
|
|
|
|
]}
|
|
|
|
|
title="Our Latest Projects"
|
|
|
|
|
description="Explore some of our recent work where creativity meets functionality to deliver outstanding digital experiences."
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -150,10 +186,12 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
id: "p5", name: "Restaurant Ordering", price: "$3,200", variant: "Foodie Connect", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg", imageAlt: "restaurant menu food delivery website"},
|
|
|
|
|
{
|
|
|
|
|
id: "p6", name: "Event Booking Platform", price: "$4,500", variant: "Experience Host", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg", imageAlt: "event management booking website"},
|
|
|
|
|
id: "p6", name: "Event Booking Platform", price: "$4,500", variant: "Experience Host", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=2", imageAlt: "event management booking website"},
|
|
|
|
|
]}
|
|
|
|
|
title="Our Featured Web Solutions"
|
|
|
|
|
description="Explore our diverse range of website packages and services designed to meet every need."
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -184,6 +222,8 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
title="Flexible Pricing for Every Project"
|
|
|
|
|
description="Choose the plan that best fits your budget and business goals. All plans are customizable to ensure your unique needs are met."
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -205,6 +245,7 @@ export default function LandingPage() {
|
|
|
|
|
cardTitle="What Our Clients Say"
|
|
|
|
|
cardTag="Trusted Feedback"
|
|
|
|
|
cardAnimation="slide-up"
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -214,28 +255,36 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "q1", title: "What is your website development process?", content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."},
|
|
|
|
|
{
|
|
|
|
|
id: "q2", title: "How long does it take to build a website?", content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."},
|
|
|
|
|
{
|
|
|
|
|
id: "q3", title: "Do you offer post-launch support?", content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."},
|
|
|
|
|
]}
|
|
|
|
|
id: "q1", title: "What is your website development process?", content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."}, {
|
|
|
|
|
id: "q2", title: "How long does it take to build a website?", content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."}, {
|
|
|
|
|
id: "q3", title: "Do you offer post-launch support?", content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."}
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Find quick answers to the most common questions about our services and process."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
<ContactCTA
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "rotated-rays-animated"}}
|
|
|
|
|
text="Ready to Start Your Project? Reach Out Today!"
|
|
|
|
|
tag="Get in Touch"
|
|
|
|
|
title="Ready to Start Your Project? Reach Out Today!"
|
|
|
|
|
description="We're excited to hear about your next big idea. Connect with us through any of the options below."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Contact Us Now", href: "mailto:info@webild.com"},
|
|
|
|
|
text: "Email Us", href: "mailto:info@webild.com"},
|
|
|
|
|
{
|
|
|
|
|
text: "Message on WhatsApp", href: "https://wa.me/1234567890"},
|
|
|
|
|
{
|
|
|
|
|
text: "Follow on Instagram", href: "https://instagram.com/webild"}
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -252,7 +301,7 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
label: "Services", href: "#features"},
|
|
|
|
|
{
|
|
|
|
|
label: "Portfolio", href: "#products"},
|
|
|
|
|
label: "Portfolio", href: "#projects"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
|
