Update src/app/page.tsx
This commit is contained in:
@@ -5,11 +5,11 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Twitter, Linkedin, Github } from 'lucide-react';
|
||||
import { Twitter, Linkedin, Github, Phone } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -108,44 +108,52 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Users Say"
|
||||
description="Join thousands of satisfied users who have transformed their ideas into stunning websites."
|
||||
tag="Testimonials"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "Founder", company: "Creative Studio", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-confident-ent-1772833275397-4ce15d64.png", imageAlt: "Sarah Johnson portrait"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233029-t9tbqifj.png", imageAlt: "Sarah Johnson portrait"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "Marketing Director", company: "Growth Agency", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-creative-prof-1772833272998-5c8e6d7b.png", imageAlt: "Michael Chen portrait"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233030-7796lb6j.png", imageAlt: "Michael Chen portrait"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Entrepreneur", company: "Digital Ventures", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-business-lead-1772833272983-079f2adf.png", imageAlt: "Emily Rodriguez portrait"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233030-dn76whdg.png", imageAlt: "Emily Rodriguez portrait"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-creative-entr-1772833273175-bc512ada.png", imageAlt: "David Kim portrait"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233030-mthbdbgy.png", imageAlt: "David Kim portrait"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4,000+", label: "Websites Created" },
|
||||
{ value: "98%", label: "Customer Satisfaction" },
|
||||
{ value: "2M+", label: "Daily Visitors" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about Webild and how we help you build amazing websites."
|
||||
tag="Help & Support"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-sleek-web-design-dashboard-showing-web-1772833274055-9bce41a0.png"
|
||||
imageAlt="FAQ help center"
|
||||
mediaPosition="left"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do I need coding skills to use Webild?", content: "No, not at all! Webild is designed for everyone. Our intuitive no-code interface makes it easy for beginners, while advanced users enjoy powerful customization options. You don't need any technical skills to create a professional website."
|
||||
@@ -170,15 +178,27 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Ready to Launch Your Website?"
|
||||
description="Join thousands of creators, entrepreneurs, and businesses who are building their online presence with Webild. Start for free today."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What's included in my plan?", content: "All Webild plans include unlimited website creation, hundreds of templates, mobile optimization, SEO tools, analytics, and 24/7 customer support. Premium plans unlock advanced features like e-commerce, API access, and white-label options."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you offer a free trial?", content: "Yes! We offer a 14-day free trial with full access to all features. No credit card required to start. After the trial, choose a plan that works for you or continue with our free tier for basic website creation."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I cancel anytime?", content: "Absolutely! There are no long-term contracts. You can cancel or upgrade your plan at any time. If you cancel, your website remains live until you choose to delete it."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Is there enterprise support available?", content: "Yes, we offer dedicated enterprise support with priority assistance, custom integrations, and tailored solutions for large teams. Contact our sales team to discuss enterprise options."
|
||||
}
|
||||
]}
|
||||
ctaTitle="Ready to Launch Your Website?"
|
||||
ctaDescription="Join thousands of creators building their online presence with Webild. Start for free today with no credit card required."
|
||||
ctaButton={{ text: "Get Started Free", href: "https://webild.io" }}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started Free"
|
||||
termsText="Start building immediately. No credit card required. Upgrade anytime."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user