Update src/app/page.tsx
This commit is contained in:
@@ -1,14 +1,16 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Sparkles, Zap, Heart, DollarSign, Headphones, Shield, CheckCircle } from "lucide-react";
|
||||
import { Sparkles, Zap, Heart, DollarSign, Headphones, Shield, CheckCircle, Star, Crown } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -29,9 +31,9 @@ export default function HomePage() {
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "https://blog.webild.io" },
|
||||
]}
|
||||
/>
|
||||
@@ -43,13 +45,13 @@ export default function HomePage() {
|
||||
description="Webild empowers businesses to build professional, stunning websites in minutes. No coding required. No expensive designers needed. Just your vision and our platform."
|
||||
tag="Website Builder"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
tagAnimation="blur-reveal"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Start Building Free", href: "https://app.webild.io/signup" },
|
||||
{ text: "View Demo", href: "https://demo.webild.io" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
@@ -74,10 +76,10 @@ export default function HomePage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
title="Powerful Features for Every Business"
|
||||
description="Everything you need to build, launch, and manage your online presence—all in one intuitive platform."
|
||||
description="Save 80% on design costs and launch your website in days. Get professional results without the expensive designer price tag or months of development time."
|
||||
tag="Core Features"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: "drag-drop", title: "Drag & Drop Editor", description:
|
||||
@@ -104,12 +106,12 @@ export default function HomePage() {
|
||||
"Sell products directly from your website. Built-in shopping cart, payment processing, and inventory management make it easy to turn visitors into customers.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-e-commerce-product-page-builder-inter-1772535454178-e707151c.png", imageAlt: "E-commerce product page setup"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-3-items"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[{ text: "Explore All Features", href: "/features" }]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,7 +121,7 @@ export default function HomePage() {
|
||||
description="We believe building a website should be simple, affordable, and accessible to everyone. Webild removes the barriers that have traditionally kept small businesses from having an online presence."
|
||||
tag="Our Mission"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
@@ -144,7 +146,7 @@ export default function HomePage() {
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -155,7 +157,7 @@ export default function HomePage() {
|
||||
description="From startups to established companies, businesses worldwide trust Webild to power their online presence."
|
||||
tag="Trusted Partners"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="blur-reveal"
|
||||
names={[
|
||||
"TechStart Ventures", "Creative Studio Co", "Local Bakery Collective", "Digital Marketing Agency", "E-commerce Retailers", "Professional Services", "Healthcare Providers", "Educational Institutions"]}
|
||||
logos={[
|
||||
@@ -165,7 +167,7 @@ export default function HomePage() {
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[{ text: "See Success Stories", href: "/testimonials" }]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,7 +176,8 @@ export default function HomePage() {
|
||||
title="What Our Users Love About Webild"
|
||||
description="Real stories from real businesses using Webild to transform their online presence."
|
||||
tag="Testimonials"
|
||||
tagAnimation="slide-up"
|
||||
tagIcon={undefined}
|
||||
tagAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Built Our Store in Days, Not Weeks", quote:
|
||||
@@ -204,7 +207,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Read More Stories", href: "/case-studies" }]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user