Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Palette, Search, Smartphone, Globe } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Webild"
|
||||
/>
|
||||
@@ -57,40 +46,16 @@ export default function LandingPage() {
|
||||
logoText="Webild AI"
|
||||
description="Generate websites instantly, customize to perfection. Turn your idea into a production-ready website in seconds using our AI-driven engine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Get Started", href: "#features" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg?_wi=1",
|
||||
imageAlt: "futuristic ai interface dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-thread_23-2148999213.jpg?_wi=1",
|
||||
imageAlt: "abstract technology data flow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg?_wi=1",
|
||||
imageAlt: "corporate tech server room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg?_wi=1",
|
||||
imageAlt: "ai neural network visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-ai-program-turning-text-prompt-into-videos-results_482257-125496.jpg",
|
||||
imageAlt: "ui design prototype tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9100.jpg",
|
||||
imageAlt: "abstract digital landscape tech",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg", imageAlt: "futuristic ai interface dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-thread_23-2148999213.jpg", imageAlt: "abstract technology data flow" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg", imageAlt: "corporate tech server room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg", imageAlt: "ai neural network visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-ai-program-turning-text-prompt-into-videos-results_482257-125496.jpg", imageAlt: "ui design prototype tablet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9100.jpg", imageAlt: "abstract digital landscape tech" },
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
@@ -102,18 +67,9 @@ export default function LandingPage() {
|
||||
title="Revolutionizing Web Development"
|
||||
description="We bridge the gap between creative concepts and functional reality. Using advanced machine learning models, Webild interprets your vision to deliver high-performance, fully optimized digital experiences."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Websites Generated",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Optimization Rate",
|
||||
},
|
||||
{
|
||||
value: "5s",
|
||||
title: "Avg. Gen Time",
|
||||
},
|
||||
{ value: "10k+", title: "Websites Generated" },
|
||||
{ value: "99%", title: "Optimization Rate" },
|
||||
{ value: "5s", title: "Avg. Gen Time" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -127,41 +83,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Deployment",
|
||||
description: "Deploy to global CDNs with a single click.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-hands-holding-tablet_23-2149406779.jpg",
|
||||
imageAlt: "Website hosting concept with hands holding tablet",
|
||||
},
|
||||
{
|
||||
title: "AI Customization",
|
||||
description: "Tweak design elements using natural language.",
|
||||
buttonIcon: "Palette",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg?_wi=2",
|
||||
imageAlt: "Website hosting concept with hands holding tablet",
|
||||
},
|
||||
{
|
||||
title: "SEO Optimized",
|
||||
description: "Built-in SEO tools to boost your ranking.",
|
||||
buttonIcon: "Search",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-thread_23-2148999213.jpg?_wi=2",
|
||||
imageAlt: "Website hosting concept with hands holding tablet",
|
||||
},
|
||||
{
|
||||
title: "Responsive Design",
|
||||
description: "Pixel-perfect across all mobile devices.",
|
||||
buttonIcon: "Smartphone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg?_wi=2",
|
||||
imageAlt: "Website hosting concept with hands holding tablet",
|
||||
},
|
||||
{
|
||||
title: "Global CDN",
|
||||
description: "Blazing fast delivery from servers worldwide.",
|
||||
buttonIcon: "Globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg?_wi=2",
|
||||
imageAlt: "Website hosting concept with hands holding tablet",
|
||||
},
|
||||
{ title: "Instant Deployment", description: "Deploy to global CDNs with a single click.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-hands-holding-tablet_23-2149406779.jpg", imageAlt: "Website hosting concept with hands holding tablet" },
|
||||
{ title: "AI Customization", description: "Tweak design elements using natural language.", buttonIcon: Palette, imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg", imageAlt: "Website hosting concept with hands holding tablet" },
|
||||
{ title: "SEO Optimized", description: "Built-in SEO tools to boost your ranking.", buttonIcon: Search, imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-thread_23-2148999213.jpg", imageAlt: "Website hosting concept with hands holding tablet" },
|
||||
{ title: "Responsive Design", description: "Pixel-perfect across all mobile devices.", buttonIcon: Smartphone, imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg", imageAlt: "Website hosting concept with hands holding tablet" },
|
||||
{ title: "Global CDN", description: "Blazing fast delivery from servers worldwide.", buttonIcon: Globe, imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg", imageAlt: "Website hosting concept with hands holding tablet" },
|
||||
]}
|
||||
title="Powerful Features at Your Fingertips"
|
||||
description="Everything you need to launch, scale, and maintain a professional website without writing a single line of code."
|
||||
@@ -174,42 +100,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
title: "Lower Cost",
|
||||
items: [
|
||||
"Infrastructure saving",
|
||||
"Designer efficiency",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200%",
|
||||
title: "Higher Traffic",
|
||||
items: [
|
||||
"Performance optimization",
|
||||
"SEO reach",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4x",
|
||||
title: "Faster Launch",
|
||||
items: [
|
||||
"Automated coding",
|
||||
"Streamlined workflow",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Enterprise reliability",
|
||||
"Cloud scaling",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "85%", title: "Lower Cost", items: ["Infrastructure saving", "Designer efficiency"] },
|
||||
{ id: "m2", value: "200%", title: "Higher Traffic", items: ["Performance optimization", "SEO reach"] },
|
||||
{ id: "m3", value: "4x", title: "Faster Launch", items: ["Automated coding", "Streamlined workflow"] },
|
||||
{ id: "m4", value: "99.9%", title: "Uptime", items: ["Enterprise reliability", "Cloud scaling"] },
|
||||
]}
|
||||
title="Performance Unlocked"
|
||||
description="Data-driven results that prove the value of AI-augmented design workflows."
|
||||
@@ -221,14 +115,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AlphaTech",
|
||||
"BetaSolutions",
|
||||
"GammaGrowth",
|
||||
"DeltaDesign",
|
||||
"EpsilonEngine",
|
||||
"ZetaSystems",
|
||||
"ThetaTools",
|
||||
]}
|
||||
"AlphaTech", "BetaSolutions", "GammaGrowth", "DeltaDesign", "EpsilonEngine", "ZetaSystems", "ThetaTools"]}
|
||||
title="Trusted by Innovators"
|
||||
description="Join thousands of startups and agencies building their online presence with Webild."
|
||||
/>
|
||||
@@ -240,46 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Chen",
|
||||
role: "Creative Director",
|
||||
testimonial: "Webild saved me weeks of initial development time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg",
|
||||
imageAlt: "Close up of computers in data center running server rigs diagnostic tests",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
role: "Startup Founder",
|
||||
testimonial: "The AI customization is simply unmatched in the market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg?_wi=3",
|
||||
imageAlt: "Close up of computers in data center running server rigs diagnostic tests",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carol White",
|
||||
role: "Lead Designer",
|
||||
testimonial: "Finally a platform that understands design intuition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-thread_23-2148999213.jpg?_wi=3",
|
||||
imageAlt: "Close up of computers in data center running server rigs diagnostic tests",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Developer",
|
||||
testimonial: "Integration is seamless and the code output is clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg?_wi=3",
|
||||
imageAlt: "Close up of computers in data center running server rigs diagnostic tests",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eva Ross",
|
||||
role: "Project Manager",
|
||||
testimonial: "Our team's productivity tripled using this tool.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg?_wi=3",
|
||||
imageAlt: "Close up of computers in data center running server rigs diagnostic tests",
|
||||
},
|
||||
{ id: "t1", name: "Alice Chen", role: "Creative Director", testimonial: "Webild saved me weeks of initial development time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg", imageAlt: "Close up of computers in data center running server rigs diagnostic tests" },
|
||||
{ id: "t2", name: "Bob Smith", role: "Startup Founder", testimonial: "The AI customization is simply unmatched in the market.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg", imageAlt: "Close up of computers in data center running server rigs diagnostic tests" },
|
||||
{ id: "t3", name: "Carol White", role: "Lead Designer", testimonial: "Finally a platform that understands design intuition.", imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-thread_23-2148999213.jpg", imageAlt: "Close up of computers in data center running server rigs diagnostic tests" },
|
||||
{ id: "t4", name: "David Kim", role: "Developer", testimonial: "Integration is seamless and the code output is clean.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg", imageAlt: "Close up of computers in data center running server rigs diagnostic tests" },
|
||||
{ id: "t5", name: "Eva Ross", role: "Project Manager", testimonial: "Our team's productivity tripled using this tool.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg", imageAlt: "Close up of computers in data center running server rigs diagnostic tests" },
|
||||
]}
|
||||
title="Hear From Our Users"
|
||||
description="See why top-tier developers and creative directors choose our AI-engine for their projects."
|
||||
@@ -291,31 +143,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, all sites are hosted on secure enterprise-grade cloud providers.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export my code?",
|
||||
content: "Yes, full source code export is available on all pro plans.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need coding experience?",
|
||||
content: "Absolutely not. The AI handles all the heavy lifting.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "How much does it cost?",
|
||||
content: "We offer tiered pricing ranging from free hobby plans to enterprise solutions.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Can I use my own domain?",
|
||||
content: "Yes, every paid plan includes custom domain mapping features.",
|
||||
},
|
||||
{ id: "f1", title: "Is my data secure?", content: "Yes, all sites are hosted on secure enterprise-grade cloud providers." },
|
||||
{ id: "f2", title: "Can I export my code?", content: "Yes, full source code export is available on all pro plans." },
|
||||
{ id: "f3", title: "Do I need coding experience?", content: "Absolutely not. The AI handles all the heavy lifting." },
|
||||
{ id: "f4", title: "How much does it cost?", content: "We offer tiered pricing ranging from free hobby plans to enterprise solutions." },
|
||||
{ id: "f5", title: "Can I use my own domain?", content: "Yes, every paid plan includes custom domain mapping features." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/word-search-look-up-random-tags_53876-138493.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -329,9 +161,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Get Started Now"
|
||||
title="Ready to launch?"
|
||||
description="Join our growing community and start creating high-quality websites at speed."
|
||||
@@ -344,45 +174,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "API", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Webild AI"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user