Merge version_2 into main #1
@@ -16,21 +16,24 @@ const inter = Inter({
|
||||
export const metadata: Metadata = {
|
||||
title: "WebBuild - Learn Modern Web Design & Development", description: "Master responsive design, component systems, and web performance. Join thousands of designers building beautiful, accessible websites.", keywords: "web design, web development, courses, component design, responsive design, web development education", metadataBase: new URL("https://webbuild.com"),
|
||||
alternates: {
|
||||
canonical: "https://webbuild.com"},
|
||||
canonical: "https://webbuild.com"
|
||||
},
|
||||
openGraph: {
|
||||
title: "WebBuild - Learn Modern Web Design & Development", description: "Master responsive design, component systems, and web performance. Join thousands of designers building beautiful, accessible websites.", url: "https://webbuild.com", siteName: "WebBuild", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-modern-web-design-interface-showing-a--1772764139907-a7eeb46f.png", alt: "WebBuild - Web Design Platform"},
|
||||
],
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-modern-web-design-interface-showing-a--1772764139907-a7eeb46f.png", alt: "WebBuild - Web Design Platform"
|
||||
}
|
||||
]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "WebBuild - Learn Modern Web Design & Development", description: "Master responsive design, component systems, and web performance.", images: [
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-modern-web-design-interface-showing-a--1772764139907-a7eeb46f.png"],
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-modern-web-design-interface-showing-a--1772764139907-a7eeb46f.png"
|
||||
]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
follow: true
|
||||
}
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
|
||||
@@ -36,7 +36,8 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Start Learning", href: "contact"}}
|
||||
text: "Start Learning", href: "contact"
|
||||
}}
|
||||
brandName="WebBuild"
|
||||
/>
|
||||
</div>
|
||||
@@ -64,7 +65,8 @@ export default function LandingPage() {
|
||||
heading={[
|
||||
{ type: "text", content: "Building the future of" },
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-professional-web-designer-s-workspace--1772764140391-ab846946.png", alt: "Designer workspace"},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-professional-web-designer-s-workspace--1772764140391-ab846946.png", alt: "Designer workspace"
|
||||
},
|
||||
{ type: "text", content: "web design education" },
|
||||
]}
|
||||
buttons={[
|
||||
@@ -85,13 +87,17 @@ export default function LandingPage() {
|
||||
tagAnimation="blur-reveal"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Responsive Design Mastery", content: "Learn mobile-first approach, flexible grids, and media queries. Master breakpoints and create layouts that work perfectly on any device from smartwatches to large displays."},
|
||||
id: "1", title: "Responsive Design Mastery", content: "Learn mobile-first approach, flexible grids, and media queries. Master breakpoints and create layouts that work perfectly on any device from smartwatches to large displays."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Component-Driven Development", content: "Build reusable component systems that scale. Understand design tokens, component architecture, and how to structure projects for maximum maintainability and efficiency."},
|
||||
id: "2", title: "Component-Driven Development", content: "Build reusable component systems that scale. Understand design tokens, component architecture, and how to structure projects for maximum maintainability and efficiency."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Performance Optimization", content: "Create blazing-fast websites. Learn image optimization, code splitting, lazy loading, and critical rendering path optimization to keep users engaged and conversion rates high."},
|
||||
id: "3", title: "Performance Optimization", content: "Create blazing-fast websites. Learn image optimization, code splitting, lazy loading, and critical rendering path optimization to keep users engaged and conversion rates high."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Accessibility Standards", content: "Build inclusive websites for everyone. Master WCAG guidelines, semantic HTML, ARIA attributes, and keyboard navigation to ensure your sites are usable by all users."},
|
||||
id: "4", title: "Accessibility Standards", content: "Build inclusive websites for everyone. Master WCAG guidelines, semantic HTML, ARIA attributes, and keyboard navigation to ensure your sites are usable by all users."
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-vibrant-illustration-showing-responsiv-1772764141721-5666e62b.png"
|
||||
imageAlt="Responsive design across devices"
|
||||
@@ -113,13 +119,16 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "TechStart", name: "E-commerce Platform", price: "$450K Revenue", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-beautiful-modern-e-commerce-website-sh-1772764140979-a7471a78.png", imageAlt: "E-commerce platform showcase"},
|
||||
reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-beautiful-modern-e-commerce-website-sh-1772764140979-a7471a78.png", imageAlt: "E-commerce platform showcase"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "CloudSync", name: "SaaS Dashboard", price: "$1.2M ARR", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-saas-platform-landing-page-featuring-c-1772764140436-42ece65a.png", imageAlt: "SaaS platform dashboard"},
|
||||
reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-saas-platform-landing-page-featuring-c-1772764140436-42ece65a.png", imageAlt: "SaaS platform dashboard"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "CreativeStudio", name: "Agency Portfolio", price: "6 Awards Won", rating: 5,
|
||||
reviewCount: "892", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-creative-agency-portfolio-website-disp-1772764144245-6d4acc26.png", imageAlt: "Creative agency portfolio"},
|
||||
reviewCount: "892", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/a-creative-agency-portfolio-website-disp-1772764144245-6d4acc26.png", imageAlt: "Creative agency portfolio"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -140,17 +149,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", handle: "@sarahdesigns", testimonial: "WebBuild transformed how I approach web design. The component-driven methodology has become my foundation for every project. Simply exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-confide-1772764140708-f95e1e29.png", imageAlt: "Sarah Chen"},
|
||||
id: "1", name: "Sarah Chen", handle: "@sarahdesigns", testimonial: "WebBuild transformed how I approach web design. The component-driven methodology has become my foundation for every project. Simply exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-confide-1772764140708-f95e1e29.png", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Rodriguez", handle: "@marcuscode", testimonial: "The performance optimization course alone saved our company thousands in infrastructure costs. The education quality is outstanding and practical.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-confide-1772764141091-4d3f255f.png", imageAlt: "Marcus Rodriguez"},
|
||||
id: "2", name: "Marcus Rodriguez", handle: "@marcuscode", testimonial: "The performance optimization course alone saved our company thousands in infrastructure costs. The education quality is outstanding and practical.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-confide-1772764141091-4d3f255f.png", imageAlt: "Marcus Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Thompson", handle: "@emmaweb", testimonial: "Finally, a platform that bridges the gap between design and development. The accessibility curriculum opened my eyes to inclusive design principles.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-woman-w-1772764139856-fabdd20a.png", imageAlt: "Emma Thompson"},
|
||||
id: "3", name: "Emma Thompson", handle: "@emmaweb", testimonial: "Finally, a platform that bridges the gap between design and development. The accessibility curriculum opened my eyes to inclusive design principles.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-woman-w-1772764139856-fabdd20a.png", imageAlt: "Emma Thompson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Liu", handle: "@jamesdevelops", testimonial: "WebBuild's real-world projects and mentorship program gave me the confidence to launch my own design studio. Incredible community support.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-man-wit-1772764141745-b3ae71c9.png", imageAlt: "James Liu"},
|
||||
id: "4", name: "James Liu", handle: "@jamesdevelops", testimonial: "WebBuild's real-world projects and mentorship program gave me the confidence to launch my own design studio. Incredible community support.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-man-wit-1772764141745-b3ae71c9.png", imageAlt: "James Liu"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Alex Patel", handle: "@alexfrontendr", testimonial: "The component library courses helped me standardize our design system at work. Team collaboration improved dramatically. Best investment I made.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-woman-w-1772764140174-cdab6212.png", imageAlt: "Alex Patel"},
|
||||
id: "5", name: "Alex Patel", handle: "@alexfrontendr", testimonial: "The component library courses helped me standardize our design system at work. Team collaboration improved dramatically. Best investment I made.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-woman-w-1772764140174-cdab6212.png", imageAlt: "Alex Patel"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Jessica Kim", handle: "@jessicaui", testimonial: "From beginner to freelancer in 6 months. The structured curriculum and hands-on projects gave me everything I needed to succeed in this industry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-man-wit-1772764139809-c2c14f9b.png", imageAlt: "Jessica Kim"},
|
||||
id: "6", name: "Jessica Kim", handle: "@jessicaui", testimonial: "From beginner to freelancer in 6 months. The structured curriculum and hands-on projects gave me everything I needed to succeed in this industry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYKTdgPKVar312MeWCA0usfjJ7/professional-headshot-photo-of-a-man-wit-1772764139809-c2c14f9b.png", imageAlt: "Jessica Kim"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -174,7 +189,8 @@ export default function LandingPage() {
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Access to 20+ courses", "Community forum access", "Project templates", "Email support"],
|
||||
"Access to 20+ courses", "Community forum access", "Project templates", "Email support"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Professional", badgeIcon: Sparkles,
|
||||
@@ -183,7 +199,8 @@ export default function LandingPage() {
|
||||
{ text: "Compare Plans", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"All Starter features", "100+ advanced courses", "Live mentorship sessions", "Priority email support", "Project code reviews"],
|
||||
"All Starter features", "100+ advanced courses", "Live mentorship sessions", "Priority email support", "Project code reviews"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Team", badgeIcon: Award,
|
||||
@@ -192,7 +209,8 @@ export default function LandingPage() {
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"All Professional features", "Team workspace", "Custom curriculum", "Dedicated support", "Team analytics dashboard"],
|
||||
"All Professional features", "Team workspace", "Custom curriculum", "Dedicated support", "Team analytics dashboard"
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
@@ -216,7 +234,7 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Subscribe"
|
||||
buttonText="Get Free Resources"
|
||||
termsText="We respect your inbox. Unsubscribe anytime. No spam, ever."
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user