Switch to version 1: modified src/app/about/page.tsx

This commit is contained in:
2026-03-03 11:24:04 +00:00
parent d87f31059c
commit 8fdcab5229

View File

@@ -1,13 +1,22 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Heart } from "lucide-react";
import { Heart, CheckCircle, DollarSign, Headphones, Zap, Shield } from "lucide-react";
const AboutPage = () => {
const navItems = [
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Blog", id: "https://blog.webild.io" },
];
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -21,76 +30,70 @@ export default function AboutPage() {
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Webild"
navItems={[
{ name: "Features", id: "features" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Blog", id: "https://blog.webild.io" },
]}
/>
<NavbarStyleApple brandName="Webild" navItems={navItems} />
</div>
{/* About Section */}
<div id="about" data-section="about">
<SplitAbout
title="Why Choose Webild?"
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="entrance-slide"
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-inspiring-image-of-a-diverse-team-of--1772535453883-47f0bf1c.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-inspiring-image-of-a-diverse-team-of--1772536634315-a5ae75a9.png"
imageAlt="Team collaboration and success"
bulletPoints={[
{
title: "Affordable Pricing", description:
"Get started for free. Upgrade only when you're ready. No hidden fees or long-term contracts."},
"Get started for free. Upgrade only when you're ready. No hidden fees or long-term contracts.", icon: DollarSign,
},
{
title: "Expert Support", description:
"24/7 customer support via chat, email, and phone. Our team is always here to help you succeed."},
"24/7 customer support via chat, email, and phone. Our team is always here to help you succeed.", icon: Headphones,
},
{
title: "Lightning Fast", description:
"Websites built on Webild load in seconds. We optimize performance so your visitors stay engaged."},
"Websites built on Webild load in seconds. We optimize performance so your visitors stay engaged.", icon: Zap,
},
{
title: "Secure & Reliable", description:
"Enterprise-grade security with SSL certificates, daily backups, and 99.9% uptime guarantee."},
"Enterprise-grade security with SSL certificates, daily backups, and 99.9% uptime guarantee.", icon: Shield,
},
]}
buttons={[{ text: "Get Started", href: "https://app.webild.io/signup" }]}
buttonAnimation="slide-up"
buttonAnimation="entrance-slide"
mediaAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="What Our Users Love About Webild"
description="Hear from successful business owners and entrepreneurs who've transformed their presence with our platform."
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?_wi=2", imageAlt: "Sarah Martinez"},
{
id: "2", title: "Finally, a Platform That Grows With Us", quote:
"We started with Webild as a startup to showcase our portfolio. Two years later, we're running our entire business on it. The platform has evolved with our needs perfectly.", name: "Marcus Johnson", role: "Founder & CEO, Design Innovations Lab", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-portrait-of-a-ma-1772535452847-e51365c6.png?_wi=2", imageAlt: "Marcus Johnson"},
{
id: "3", title: "Support Team Went Above and Beyond", quote:
"I had zero technical skills, but the Webild support team guided me through every step. They made the process easy and actually enjoyable. Highly recommend!", name: "Jennifer Liu", role: "Consultant, Career Coaching Services", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-woman-in-he-1772535452429-96e507dc.png?_wi=2", imageAlt: "Jennifer Liu"},
]}
{/* Social Proof Section */}
<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="entrance-slide"
names={[
"TechStart Ventures", "Creative Studio Co", "Local Bakery Collective", "Digital Marketing Agency", "E-commerce Retailers", "Professional Services", "Healthcare Providers", "Educational Institutions"]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-modern-minimalist-technology-company-l-1772536633501-49ecc282.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-creative-and-artistic-logo-for-creativ-1772536633831-9d3e0521.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-warm-and-inviting-logo-for-local-baker-1772536634444-6df39816.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-and-strategic-logo-for-di-1772536634354-f8573a1b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-dynamic-logo-for-e-commerce-retailers--1772536632955-624938ad.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-sophisticated-logo-for-professional-se-1772536644095-c1fa3856.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-trusted-and-professional-logo-for-heal-1772536633317-fd9ad1e4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-inspirational-logo-for-educational-in-1772536633727-77f6f3d0.png"]}
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Read More Stories", href: "/case-studies" }]}
buttonAnimation="slide-up"
speed={40}
showCard={true}
buttons={[{ text: "Start Building", href: "https://app.webild.io/signup" }]}
buttonAnimation="entrance-slide"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Webild"
@@ -100,4 +103,6 @@ export default function AboutPage() {
</div>
</ThemeProvider>
);
}
};
export default AboutPage;