Merge version_1 into main #2
580
src/app/page.tsx
580
src/app/page.tsx
@@ -21,433 +21,183 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Webild"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Webild"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Turn Your Best Idea Into a Website Instantly."
|
||||
description="Generate professional websites in seconds and customize them to perfection without writing a single line of code. Join the future of web building today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alextech",
|
||||
testimonial: "I built my entire startup landing page in under ten minutes. Absolutely game-changing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917460.jpg?_wi=1",
|
||||
imageAlt: "digital workspace ai interface",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahdesigns",
|
||||
testimonial: "The quality of the generated code is incredible. Finally, a builder that makes sense.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-arrangement-with-copy-space_23-2148418799.jpg?_wi=1",
|
||||
imageAlt: "digital workspace ai interface",
|
||||
},
|
||||
{
|
||||
name: "Michael L.",
|
||||
handle: "@mikelabs",
|
||||
testimonial: "It's the fastest way to get from zero to launched. I couldn't be happier with the results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg?_wi=1",
|
||||
imageAlt: "digital workspace ai interface",
|
||||
},
|
||||
{
|
||||
name: "Emily P.",
|
||||
handle: "@emilydigital",
|
||||
testimonial: "Finally a tool that doesn't sacrifice design for speed. Truly impressive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg?_wi=1",
|
||||
imageAlt: "digital workspace ai interface",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@daviddev",
|
||||
testimonial: "I'm recommending this to every founder I know. Incredible time saver.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg?_wi=1",
|
||||
imageAlt: "digital workspace ai interface",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917460.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-smiling-broadly-showing-teeth_141793-55062.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Deployment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Responsive Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Hosting",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Turn Your Best Idea Into a Website Instantly."
|
||||
description="Generate professional websites in seconds and customize them to perfection without writing a single line of code. Join the future of web building today."
|
||||
testimonials={[
|
||||
{ name: "Alex R.", handle: "@alextech", testimonial: "I built my entire startup landing page in under ten minutes. Absolutely game-changing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917460.jpg", imageAlt: "digital workspace ai interface" },
|
||||
{ name: "Sarah J.", handle: "@sarahdesigns", testimonial: "The quality of the generated code is incredible. Finally, a builder that makes sense.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-arrangement-with-copy-space_23-2148418799.jpg", imageAlt: "digital workspace ai interface" },
|
||||
{ name: "Michael L.", handle: "@mikelabs", testimonial: "It's the fastest way to get from zero to launched. I couldn't be happier with the results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg", imageAlt: "digital workspace ai interface" },
|
||||
{ name: "Emily P.", handle: "@emilydigital", testimonial: "Finally a tool that doesn't sacrifice design for speed. Truly impressive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg", imageAlt: "digital workspace ai interface" },
|
||||
{ name: "David W.", handle: "@daviddev", testimonial: "I'm recommending this to every founder I know. Incredible time saver.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg", imageAlt: "digital workspace ai interface" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917460.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-smiling-broadly-showing-teeth_141793-55062.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Portrait 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Instant Deployment" },
|
||||
{ type: "text", text: "AI-Powered" },
|
||||
{ type: "text", text: "Responsive Design" },
|
||||
{ type: "text", text: "SEO Ready" },
|
||||
{ type: "text", text: "Cloud Hosting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for the Modern Entrepreneur"
|
||||
description="We believe building a website should be as easy as having an idea. Our platform bridges the gap between vision and reality using cutting-edge AI."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-s-day-arrangement-with-copy-space_23-2148418799.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for the Modern Entrepreneur"
|
||||
description="We believe building a website should be as easy as having an idea. Our platform bridges the gap between vision and reality using cutting-edge AI."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-s-day-arrangement-with-copy-space_23-2148418799.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant Deployment",
|
||||
author: "Webild",
|
||||
description: "Go from idea to live URL in under 60 seconds with our automated pipeline.",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Cloud",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Responsive by Default",
|
||||
author: "Webild",
|
||||
description: "Every page is automatically optimized for mobile, tablet, and desktop perfection.",
|
||||
tags: [
|
||||
"Mobile",
|
||||
"Responsive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "SEO Optimized",
|
||||
author: "Webild",
|
||||
description: "Built-in structure that ranks higher automatically. We handle the technical SEO for you.",
|
||||
tags: [
|
||||
"SEO",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Powerful Features at Your Fingertips"
|
||||
description="Everything you need to launch and grow a professional online presence without the headache."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Instant Deployment", author: "Webild", description: "Go from idea to live URL in under 60 seconds with our automated pipeline.", tags: ["Speed", "Cloud"], imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg" },
|
||||
{ id: "f2", title: "Responsive by Default", author: "Webild", description: "Every page is automatically optimized for mobile, tablet, and desktop perfection.", tags: ["Mobile", "Responsive"], imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg" },
|
||||
{ id: "f3", title: "SEO Optimized", author: "Webild", description: "Built-in structure that ranks higher automatically. We handle the technical SEO for you.", tags: ["SEO", "Growth"], imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg" }
|
||||
]}
|
||||
title="Powerful Features at Your Fingertips"
|
||||
description="Everything you need to launch and grow a professional online presence without the headache."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tech Startup Template",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-dark-background_9975-134305.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Creative Agency Template",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913282.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Personal Portfolio Template",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "SaaS Platform Template",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-paper_23-2149930960.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "E-Commerce Basic Template",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Blog & Content Template",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-home-template_23-2150143712.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Templates"
|
||||
description="Choose from a library of stunning, high-converting templates built for every industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Tech Startup Template", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-dark-background_9975-134305.jpg" },
|
||||
{ id: "p2", name: "Creative Agency Template", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913282.jpg" },
|
||||
{ id: "p3", name: "Personal Portfolio Template", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg" }
|
||||
]}
|
||||
title="Professional Templates"
|
||||
description="Choose from a library of stunning, high-converting templates built for every industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$19",
|
||||
name: "Starter",
|
||||
features: [
|
||||
"1 Website",
|
||||
"Basic Support",
|
||||
"Standard Hosting",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$49",
|
||||
name: "Professional",
|
||||
features: [
|
||||
"5 Websites",
|
||||
"Priority Support",
|
||||
"Advanced Analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "Custom",
|
||||
name: "Enterprise",
|
||||
features: [
|
||||
"Unlimited Sites",
|
||||
"Dedicated Manager",
|
||||
"White Labeling",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your business needs, from hobbyist to enterprise."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", price: "$19", name: "Starter", features: ["1 Website", "Basic Support", "Standard Hosting"], buttons: [{ text: "Get Started", href: "#" }] },
|
||||
{ id: "pro", price: "$49", name: "Professional", features: ["5 Websites", "Priority Support", "Advanced Analytics"], buttons: [{ text: "Go Pro", href: "#" }] },
|
||||
{ id: "enterprise", price: "Custom", name: "Enterprise", features: ["Unlimited Sites", "Dedicated Manager", "White Labeling"], buttons: [{ text: "Contact Us", href: "#" }] }
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your business needs, from hobbyist to enterprise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Websites Built",
|
||||
description: "Successfully launched platforms.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Unmatched reliability and performance.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500k+",
|
||||
title: "Happy Users",
|
||||
description: "Global community growing every day.",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Data-Driven Success"
|
||||
description="See why thousands of founders trust Webild for their online presence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10k+", title: "Websites Built", description: "Successfully launched platforms.", icon: CheckCircle },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Unmatched reliability and performance.", icon: Zap },
|
||||
{ id: "m3", value: "500k+", title: "Happy Users", description: "Global community growing every day.", icon: Users }
|
||||
]}
|
||||
title="Data-Driven Success"
|
||||
description="See why thousands of founders trust Webild for their online presence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "Incredible service and speed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "The best platform I've used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael L.",
|
||||
handle: "@mike",
|
||||
testimonial: "Simple, powerful, and effective.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
handle: "@emily",
|
||||
testimonial: "Everything I needed in one place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60912.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
handle: "@david",
|
||||
testimonial: "My business wouldn't be here without it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Creators Everywhere"
|
||||
description="Don't just take our word for it—hear what the community thinks."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
showRating={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", handle: "@alex", testimonial: "Incredible service and speed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", handle: "@sarah", testimonial: "The best platform I've used.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg" },
|
||||
{ id: "t3", name: "Michael L.", handle: "@mike", testimonial: "Simple, powerful, and effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" }
|
||||
]}
|
||||
title="Trusted by Creators Everywhere"
|
||||
description="Don't just take our word for it—hear what the community thinks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it easy to use?",
|
||||
content: "Yes, absolutely. No coding skills are required.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I export my site?",
|
||||
content: "Yes, you have full control over your project exports.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What about hosting?",
|
||||
content: "We provide robust, secure hosting for all websites built on our platform.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers. Reach out if you need more help."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is it easy to use?", content: "Yes, absolutely. No coding skills are required." },
|
||||
{ id: "q2", title: "Can I export my site?", content: "Yes, you have full control over your project exports." },
|
||||
{ id: "q3", title: "What about hosting?", content: "We provide robust, secure hosting for all websites built on our platform." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers. Reach out if you need more help."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Launch Your Vision?"
|
||||
description="Join thousands of users who have already started building their online legacy today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Launch Your Vision?"
|
||||
description="Join thousands of users who have already started building their online legacy today."
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "#" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Webild"
|
||||
copyrightText="© 2025 | Webild"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Webild"
|
||||
copyrightText="© 2025 | Webild"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user