Merge version_1 into main #2
@@ -20,8 +20,7 @@ export default function ContactPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "/security" },
|
||||
@@ -29,8 +28,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{ label: "Discord", href: "https://discord.gg/vibecoding" },
|
||||
{ label: "GitHub", href: "https://github.com/vibecoding" },
|
||||
{ label: "Twitter", href: "https://twitter.com/vibecoding" },
|
||||
@@ -38,8 +36,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
@@ -55,7 +52,7 @@ export default function ContactPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -104,7 +101,7 @@ export default function ContactPage() {
|
||||
{ text: "Schedule a Demo", href: "/demo" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,15 +116,7 @@ export default function ContactPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Email: hello@vibecoding.io",
|
||||
"Discord Community",
|
||||
"Twitter: @vibecoding",
|
||||
"GitHub Discussions",
|
||||
"LinkedIn: /vibecoding",
|
||||
"Office Hours (Weekly)",
|
||||
"Priority Support (Pro+)",
|
||||
"Emergency Support (Enterprise)",
|
||||
]}
|
||||
"Email: hello@vibecoding.io", "Discord Community", "Twitter: @vibecoding", "GitHub Discussions", "LinkedIn: /vibecoding", "Office Hours (Weekly)", "Priority Support (Pro+)", "Emergency Support (Enterprise)"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -135,7 +124,7 @@ export default function ContactPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-wide-landscape-image-showing-a-1772748682298-c4cace21.png?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-wide-landscape-image-showing-a-1772748682298-c4cace21.png"
|
||||
imageAlt="Vibecoding community showcase"
|
||||
columns={footerColumns}
|
||||
logoText="Vibecoding"
|
||||
|
||||
194
src/app/page.tsx
194
src/app/page.tsx
@@ -25,8 +25,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "/security" },
|
||||
@@ -34,8 +33,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{ label: "Discord", href: "https://discord.gg/vibecoding" },
|
||||
{ label: "GitHub", href: "https://github.com/vibecoding" },
|
||||
{ label: "Twitter", href: "https://twitter.com/vibecoding" },
|
||||
@@ -43,8 +41,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
@@ -60,7 +57,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -85,7 +82,7 @@ export default function HomePage() {
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Code with Vibe"
|
||||
description="Experience collaborative coding where creativity meets technology. A platform designed for developers who value aesthetic, community, and seamless collaboration."
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Launch Your Vision"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
@@ -96,35 +93,17 @@ export default function HomePage() {
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-modern-minimalist-code-editor-interfac-1772748682249-c829b503.png?_wi=1",
|
||||
imageAlt: "Vibecoding interface showcase",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-modern-minimalist-code-editor-interfac-1772748682249-c829b503.png", imageAlt: "Vibecoding interface showcase"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-collaborative-coding-dashboard-showing-1772748683272-545bde39.png?_wi=1",
|
||||
imageAlt: "Code collaboration dashboard",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-collaborative-coding-dashboard-showing-1772748683272-545bde39.png", imageAlt: "Code collaboration dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-real-time-coding-session-showi-1772748683142-846f072c.png?_wi=1",
|
||||
imageAlt: "Real-time coding session",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-real-time-coding-session-showi-1772748683142-846f072c.png", imageAlt: "Real-time coding session"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-community-dashboard-featuring-user-ava-1772748683393-e8215bac.png?_wi=1",
|
||||
imageAlt: "Community features",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-community-dashboard-featuring-user-ava-1772748683393-e8215bac.png", imageAlt: "Community features"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-developer-s-personal-workspace-showing-1772748682388-d477a790.png?_wi=1",
|
||||
imageAlt: "Developer workspace",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-developer-s-personal-workspace-showing-1772748682388-d477a790.png", imageAlt: "Developer workspace"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/an-artistic-creative-coding-environment--1772748682168-66d72790.png?_wi=1",
|
||||
imageAlt: "Creative coding environment",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/an-artistic-creative-coding-environment--1772748682168-66d72790.png", imageAlt: "Creative coding environment"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -158,42 +137,24 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Real-Time Collaboration",
|
||||
description: "Code together in real-time with live cursors, instant feedback, and seamless synchronization across all team members",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-collaborative-coding-dashboard-showing-1772748683272-545bde39.png?_wi=2",
|
||||
imageAlt: "Real-Time Collaboration - Phone 1",
|
||||
},
|
||||
title: "Real-Time Collaboration", description: "Code together in real-time with live cursors, instant feedback, and seamless synchronization across all team members", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-collaborative-coding-dashboard-showing-1772748683272-545bde39.png", imageAlt: "Real-Time Collaboration - Phone 1"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-real-time-coding-session-showi-1772748683142-846f072c.png?_wi=2",
|
||||
imageAlt: "Real-Time Collaboration - Phone 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-real-time-coding-session-showi-1772748683142-846f072c.png", imageAlt: "Real-Time Collaboration - Phone 2"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Aesthetic IDE Experience",
|
||||
description: "Beautiful, customizable themes and layouts that make coding enjoyable. Designed with developers' vibes in mind",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-modern-minimalist-code-editor-interfac-1772748682249-c829b503.png?_wi=2",
|
||||
imageAlt: "Aesthetic IDE - Phone 1",
|
||||
},
|
||||
title: "Aesthetic IDE Experience", description: "Beautiful, customizable themes and layouts that make coding enjoyable. Designed with developers' vibes in mind", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-modern-minimalist-code-editor-interfac-1772748682249-c829b503.png", imageAlt: "Aesthetic IDE - Phone 1"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-developer-s-personal-workspace-showing-1772748682388-d477a790.png?_wi=2",
|
||||
imageAlt: "Aesthetic IDE - Phone 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-developer-s-personal-workspace-showing-1772748682388-d477a790.png", imageAlt: "Aesthetic IDE - Phone 2"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Community Integration",
|
||||
description: "Share your projects, get feedback, discover inspiration, and connect with creative developers worldwide",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-community-dashboard-featuring-user-ava-1772748683393-e8215bac.png?_wi=2",
|
||||
imageAlt: "Community Integration - Phone 1",
|
||||
},
|
||||
title: "Community Integration", description: "Share your projects, get feedback, discover inspiration, and connect with creative developers worldwide", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-community-dashboard-featuring-user-ava-1772748683393-e8215bac.png", imageAlt: "Community Integration - Phone 1"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/an-artistic-creative-coding-environment--1772748682168-66d72790.png?_wi=2",
|
||||
imageAlt: "Community Integration - Phone 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/an-artistic-creative-coding-environment--1772748682168-66d72790.png", imageAlt: "Community Integration - Phone 2"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -214,26 +175,11 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Vibe Theme Pro",
|
||||
price: "$29/month",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-showcase-of-the-vibe-theme-pro-featuri-1772748682517-0fb3b7dc.png",
|
||||
imageAlt: "Vibe Theme Pro interface",
|
||||
},
|
||||
id: "1", name: "Vibe Theme Pro", price: "$29/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-showcase-of-the-vibe-theme-pro-featuri-1772748682517-0fb3b7dc.png", imageAlt: "Vibe Theme Pro interface"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Collaboration Suite",
|
||||
price: "$49/month",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/the-collaboration-suite-interface-showin-1772748684225-70fddb97.png",
|
||||
imageAlt: "Collaboration Suite dashboard",
|
||||
},
|
||||
id: "2", name: "Collaboration Suite", price: "$49/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/the-collaboration-suite-interface-showin-1772748684225-70fddb97.png", imageAlt: "Collaboration Suite dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Community Hub Pro",
|
||||
price: "$39/month",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/community-hub-pro-dashboard-displaying-p-1772748685453-8b7406aa.png",
|
||||
imageAlt: "Community Hub Pro features",
|
||||
},
|
||||
id: "3", name: "Community Hub Pro", price: "$39/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/community-hub-pro-dashboard-displaying-p-1772748685453-8b7406aa.png", imageAlt: "Community Hub Pro features"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -253,37 +199,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Full Stack Developer",
|
||||
company: "TechVenture Studio",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-diverse-woman-1772748681005-ff044047.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "Full Stack Developer", company: "TechVenture Studio", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-diverse-woman-1772748681005-ff044047.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Rodriguez",
|
||||
role: "Creative Technologist",
|
||||
company: "Pixel Collective",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-man-with-dive-1772748681231-44bdcc66.png?_wi=1",
|
||||
},
|
||||
id: "2", name: "Marcus Rodriguez", role: "Creative Technologist", company: "Pixel Collective", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-man-with-dive-1772748681231-44bdcc66.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Kowalski",
|
||||
role: "Lead Engineer",
|
||||
company: "Innovation Labs",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-woman-with-ea-1772748681623-86be77bd.png?_wi=1",
|
||||
},
|
||||
id: "3", name: "Elena Kowalski", role: "Lead Engineer", company: "Innovation Labs", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-woman-with-ea-1772748681623-86be77bd.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Mitchell",
|
||||
role: "Indie Developer",
|
||||
company: "Creative Coders",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-man-in-his-mi-1772748682061-c8b50a8b.png?_wi=1",
|
||||
},
|
||||
id: "4", name: "James Mitchell", role: "Indie Developer", company: "Creative Coders", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/professional-headshot-of-a-man-in-his-mi-1772748682061-c8b50a8b.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10K+", label: "Active Users" },
|
||||
@@ -307,45 +233,19 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for exploring",
|
||||
features: [
|
||||
"Basic real-time collaboration",
|
||||
"5 projects max",
|
||||
"Community access",
|
||||
"Standard themes",
|
||||
],
|
||||
id: "starter", badge: "Starter", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Perfect for exploring", features: [
|
||||
"Basic real-time collaboration", "5 projects max", "Community access", "Standard themes"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$29/mo",
|
||||
subtitle: "For active creators",
|
||||
features: [
|
||||
"Unlimited real-time collaboration",
|
||||
"Unlimited projects",
|
||||
"Priority support",
|
||||
"Premium themes",
|
||||
"Advanced analytics",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$29/mo", subtitle: "For active creators", features: [
|
||||
"Unlimited real-time collaboration", "Unlimited projects", "Priority support", "Premium themes", "Advanced analytics"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Star,
|
||||
price: "Custom",
|
||||
subtitle: "For teams and studios",
|
||||
features: [
|
||||
"Dedicated infrastructure",
|
||||
"Team management tools",
|
||||
"Advanced security",
|
||||
"Custom integrations",
|
||||
"24/7 support",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", badgeIcon: Star,
|
||||
price: "Custom", subtitle: "For teams and studios", features: [
|
||||
"Dedicated infrastructure", "Team management tools", "Advanced security", "Custom integrations", "24/7 support"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -366,15 +266,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechVenture",
|
||||
"Pixel Studios",
|
||||
"Code Collective",
|
||||
"Innovation Labs",
|
||||
"Creative Tech",
|
||||
"Dev Nexus",
|
||||
"Vibe Works",
|
||||
"Digital Creatives",
|
||||
]}
|
||||
"TechVenture", "Pixel Studios", "Code Collective", "Innovation Labs", "Creative Tech", "Dev Nexus", "Vibe Works", "Digital Creatives"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[{ text: "Join Community", href: "/community" }]}
|
||||
@@ -394,14 +286,14 @@ export default function HomePage() {
|
||||
{ text: "Schedule Demo", href: "/demo" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-wide-landscape-image-showing-a-1772748682298-c4cace21.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-wide-landscape-image-showing-a-1772748682298-c4cace21.png"
|
||||
imageAlt="Vibecoding community showcase"
|
||||
columns={footerColumns}
|
||||
logoText="Vibecoding"
|
||||
|
||||
@@ -20,8 +20,7 @@ export default function PricingPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "/security" },
|
||||
@@ -29,8 +28,7 @@ export default function PricingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{ label: "Discord", href: "https://discord.gg/vibecoding" },
|
||||
{ label: "GitHub", href: "https://github.com/vibecoding" },
|
||||
{ label: "Twitter", href: "https://twitter.com/vibecoding" },
|
||||
@@ -38,8 +36,7 @@ export default function PricingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
@@ -55,7 +52,7 @@ export default function PricingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -101,48 +98,19 @@ export default function PricingPage() {
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for exploring",
|
||||
features: [
|
||||
"Basic real-time collaboration",
|
||||
"5 projects max",
|
||||
"Community access",
|
||||
"Standard themes",
|
||||
"Community support",
|
||||
],
|
||||
id: "starter", badge: "Starter", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Perfect for exploring", features: [
|
||||
"Basic real-time collaboration", "5 projects max", "Community access", "Standard themes", "Community support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$29/mo",
|
||||
subtitle: "For active creators",
|
||||
features: [
|
||||
"Unlimited real-time collaboration",
|
||||
"Unlimited projects",
|
||||
"Priority support",
|
||||
"Premium themes",
|
||||
"Advanced analytics",
|
||||
"Custom workspace",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$29/mo", subtitle: "For active creators", features: [
|
||||
"Unlimited real-time collaboration", "Unlimited projects", "Priority support", "Premium themes", "Advanced analytics", "Custom workspace"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Star,
|
||||
price: "Custom",
|
||||
subtitle: "For teams and studios",
|
||||
features: [
|
||||
"Dedicated infrastructure",
|
||||
"Team management tools",
|
||||
"Advanced security",
|
||||
"Custom integrations",
|
||||
"24/7 support",
|
||||
"White-label options",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", badgeIcon: Star,
|
||||
price: "Custom", subtitle: "For teams and studios", features: [
|
||||
"Dedicated infrastructure", "Team management tools", "Advanced security", "Custom integrations", "24/7 support", "White-label options"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -165,14 +133,14 @@ export default function PricingPage() {
|
||||
{ text: "View Features", href: "/" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-wide-landscape-image-showing-a-1772748682298-c4cace21.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXp2RRZWwl0HiVAeaVT7MPETwh/a-vibrant-wide-landscape-image-showing-a-1772748682298-c4cace21.png"
|
||||
imageAlt="Vibecoding community showcase"
|
||||
columns={footerColumns}
|
||||
logoText="Vibecoding"
|
||||
|
||||
Reference in New Issue
Block a user