bender/e7dba90c-b83d-45f0-9d13-03bafbc2110f
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_1 bender:version_3 bender:version_2
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_1 bender:version_3 bender:version_2

8 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
c13ab7fa74 Update src/app/page.tsx 2026-03-03 11:23:29 +00:00
bender
91d77be2d4 Update src/app/page.tsx 2026-03-03 11:22:27 +00:00
bender
436c0b7cef Update src/app/layout.tsx 2026-03-03 11:22:25 +00:00
bender
202cd7af9e Update src/app/page.tsx 2026-03-03 11:21:24 +00:00
bender
b25935c643 Update src/app/page.tsx 2026-03-03 11:17:44 +00:00
bender
a0231b87b1 Update src/app/page.tsx 2026-03-03 11:14:04 +00:00
bender
d2d514d0a6 Update src/app/page.tsx 2026-03-03 11:11:15 +00:00
bender
759b78c3ec Update src/app/layout.tsx 2026-03-03 11:11:14 +00:00
2 changed files with 19 additions and 65 deletions
Expand all files Collapse all files

6
src/app/layout.tsx
View File

@@ -41,9 +41,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${dmSans.variable} ${inter.variable} antialiased`}
>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
@@ -1417,4 +1415,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

78
src/app/page.tsx
View File

@@ -1,16 +1,14 @@
"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, Star, Crown, Users, CreditCard, HelpCircle } from "lucide-react";
import { Sparkles, Zap, Heart, DollarSign, Headphones, Shield, CheckCircle } from "lucide-react";
export default function HomePage() {
return (
@@ -34,6 +32,7 @@ export default function HomePage() {
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Blog", id: "https://blog.webild.io" },
]}
/>
</div>
@@ -44,13 +43,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"
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-modern-website-builder-dashboard-inter-1772535454095-6526caf3.png", imageAlt: "Website builder dashboard interface"},
@@ -64,18 +63,16 @@ export default function HomePage() {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-website-publishing-and-deployment-inte-1772535453460-c4402e14.png", imageAlt: "Publishing and deployment"},
]}
ariaLabel="Website builder hero section showcasing platform capabilities"
useInvertedBackground={false}
textboxLayout="default"
/>
</div>
<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: "Build your website with our intuitive drag-and-drop interface. No coding knowledge required. Simply drag elements, customize, and watch your site come to life in real-time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-illustration-of-a-drag-and-drop-inter-1772535455944-799c39ff.png", imageAlt: "Drag and drop editor interface"},
@@ -90,12 +87,12 @@ export default function HomePage() {
{
id: "e-commerce", title: "E-Commerce Ready", description: "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="uniform-3-items"
animationType="slide-up"
gridVariant="uniform-4-items"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground="noInvert"
buttons={[{ text: "Explore All Features", href: "/features" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>
@@ -105,7 +102,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"
@@ -126,59 +123,18 @@ export default function HomePage() {
},
]}
buttons={[{ text: "Learn More", href: "/about" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
mediaAnimation="blur-reveal"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
title="Simple, Transparent Pricing"
description="Choose the perfect plan for your business. All plans include our core features and 24/7 support."
tag="Pricing"
tagIcon={CreditCard}
tagAnimation="slide-up"
plans={[
{
id: "starter", badge: "Most Popular", badgeIcon: Star,
price: "$29/month", subtitle: "Perfect for small businesses", buttons: [
{
text: "Start Free Trial", href: "https://app.webild.io/signup?plan=starter"},
],
features: [
"Up to 5 websites", "500+ templates", "Mobile responsive design", "SSL certificate included", "Email support", "Basic analytics", "1GB storage", "Webild branding"],
},
{
id: "professional", badge: "Recommended", badgeIcon: Sparkles,
price: "$79/month", subtitle: "For growing businesses", buttons: [
{
text: "Start Free Trial", href: "https://app.webild.io/signup?plan=professional"},
],
features: [
"Unlimited websites", "All templates & custom designs", "Advanced e-commerce", "SSL certificate included", "Priority support", "Advanced analytics", "50GB storage", "Remove Webild branding", "Custom domain included"],
},
{
id: "enterprise", badge: "Premium", badgeIcon: Crown,
price: "Custom", subtitle: "For enterprises", buttons: [{ text: "Contact Sales", href: "/contact" }],
features: [
"Everything in Professional", "Dedicated account manager", "Custom integrations", "API access", "Priority 24/7 phone support", "Unlimited storage", "Custom branding options", "Team collaboration tools", "Advanced security features"],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
uniformGridCustomHeightClasses="min-h-[500px]"
buttonAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Thousands of Businesses"
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={[
@@ -188,7 +144,7 @@ export default function HomePage() {
speed={40}
showCard={true}
buttons={[{ text: "See Success Stories", href: "/testimonials" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>
@@ -197,8 +153,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"
tagIcon={Users}
tagAnimation="slide-up"
tagIcon={CheckCircle}
tagAnimation="blur-reveal"
testimonials={[
{
id: "1", title: "Built Our Store in Days, Not Weeks", quote: "As a small bakery, we didn't have the budget for a custom website. Webild's templates were perfect. We launched our online store in 3 days and made our first sale within a week!", name: "Sarah Martinez", role: "Owner, Sweet Delights Bakery", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-portrait-of-a-wo-1772535453513-d68cffb3.png", imageAlt: "Sarah Martinez"},
@@ -216,7 +172,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Read More Stories", href: "/case-studies" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>
@@ -229,4 +185,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}