bender/cb18f289-b0aa-49cc-94dd-5328e249a755
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-23 03:03:58 +00:00
Conversation 0 Commits 2 Files Changed 2 +71 -45
2 changed files with 71 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
@@ -53,21 +53,20 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="Webild"
description="Exceptional website design that captivates your audience. Powerful business tools built for entrepreneurs. We transform visions into stunning digital experiences."
<HeroLogoBillboard
logoText="VsnBoard Studios"
description="Unleash your creativity and bring your dreams to life with VsnBoard Studios. Visualize your future, set your goals, and make them a reality."
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Explore Our Work", href: "#services" },
{ text: "Try Tools Free", href: "#tools" },
{ text: "Start Your Vision Board", href: "#services" },
{ text: "Explore Features", href: "#tools" }
]}
buttonAnimation="blur-reveal"
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel-with-graphics_23-2148372637.jpg"
imageAlt="Professional website design showcase"
imageSrc="http://img.b2bpic.net/free-vector/creativity-inspiration-idea-imagination-concept_23-2148003102.jpg"
imageAlt="Colorful vision board with creative elements"
mediaAnimation="slide-up"
frameStyle="browser"
ariaLabel="Hero section - Website design and business tools"
frameStyle="card"
ariaLabel="Hero section - VsnBoard Studios"
/>
</div>
@@ -114,27 +113,33 @@ export default function LandingPage() {
title: "Custom Website Design", description: "Bespoke websites built from scratch to match your brand identity and business goals", icon: Code,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg", imageAlt: "Custom website design example"},
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg", imageAlt: "Custom website design example"
},
{
imageSrc: "http://img.b2bpic.net/free-psd/swimming-lessons-web-templates-with-photo_23-2148466933.jpg", imageAlt: "Website design mockup"},
imageSrc: "http://img.b2bpic.net/free-psd/swimming-lessons-web-templates-with-photo_23-2148466933.jpg", imageAlt: "Website design mockup"
},
],
},
{
title: "E-Commerce Solutions", description: "Powerful online stores designed to convert visitors into customers", icon: ShoppingCart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-landing-page_23-2148609265.jpg", imageAlt: "E-commerce website showcase"},
imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-landing-page_23-2148609265.jpg", imageAlt: "E-commerce website showcase"
},
{
imageSrc: "http://img.b2bpic.net/free-psd/supermarket-instagram-story-banner-template-design_23-2151797801.jpg", imageAlt: "Product page design"},
imageSrc: "http://img.b2bpic.net/free-psd/supermarket-instagram-story-banner-template-design_23-2151797801.jpg", imageAlt: "Product page design"
},
],
},
{
title: "Brand Positioning", description: "Strategic design that positions your business as an industry leader", icon: Briefcase,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/stationery-wedding-invitation-concept-flat-lay_23-2148187996.jpg", imageAlt: "Brand identity design"},
imageSrc: "http://img.b2bpic.net/free-photo/stationery-wedding-invitation-concept-flat-lay_23-2148187996.jpg", imageAlt: "Brand identity design"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/gradient-brand-manual-presentation_23-2149853785.jpg", imageAlt: "Brand guidelines"},
imageSrc: "http://img.b2bpic.net/free-vector/gradient-brand-manual-presentation_23-2149853785.jpg", imageAlt: "Brand guidelines"
},
],
},
]}
@@ -155,17 +160,23 @@ export default function LandingPage() {
tagAnimation="slide-up"
products={[
{
id: "branding-kit", name: "Branding Kit", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369109.jpg", imageAlt: "Branding kit for new businesses"},
id: "branding-kit", name: "Branding Kit", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369109.jpg", imageAlt: "Branding kit for new businesses"
},
{
id: "launch-guide", name: "Launch Guide", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310878.jpg", imageAlt: "Business launch planning guide"},
id: "launch-guide", name: "Launch Guide", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310878.jpg", imageAlt: "Business launch planning guide"
},
{
id: "growth-analytics", name: "Growth Analytics", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871193.jpg", imageAlt: "Business analytics dashboard"},
id: "growth-analytics", name: "Growth Analytics", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871193.jpg", imageAlt: "Business analytics dashboard"
},
{
id: "content-calendar", name: "Content Calendar", price: "Essential", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-with-gradient-style_23-2147887302.jpg", imageAlt: "Marketing content calendar"},
id: "content-calendar", name: "Content Calendar", price: "Essential", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-with-gradient-style_23-2147887302.jpg", imageAlt: "Marketing content calendar"
},
{
id: "client-manager", name: "Client Manager", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-executive-female-reading-charst-conference-room-young-businesswoman-background_482257-31194.jpg", imageAlt: "Client relationship management"},
id: "client-manager", name: "Client Manager", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-executive-female-reading-charst-conference-room-young-businesswoman-background_482257-31194.jpg", imageAlt: "Client relationship management"
},
{
id: "invoice-builder", name: "Invoice Builder", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-interior-design-template_23-2149635138.jpg", imageAlt: "Professional invoice templates"},
id: "invoice-builder", name: "Invoice Builder", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-interior-design-template_23-2149635138.jpg", imageAlt: "Professional invoice templates"
},
]}
gridVariant="bento-grid"
animationType="scale-rotate"
@@ -187,17 +198,20 @@ export default function LandingPage() {
id: "starter", title: "Starter", price: "$299", period: "per month", features: [
"5 Custom Websites", "Business Tools Access", "Basic Analytics", "Email Support", "3 Months Support"],
button: { text: "Get Started", href: "#" },
imageSrc: "http://img.b2bpic.net/free-vector/banners-different-price-plans_23-2147608303.jpg", imageAlt: "Starter plan features"},
imageSrc: "http://img.b2bpic.net/free-vector/banners-different-price-plans_23-2147608303.jpg", imageAlt: "Starter plan features"
},
{
id: "professional", title: "Professional", price: "$799", period: "per month", features: [
"Unlimited Websites", "All Business Tools", "Advanced Analytics", "Priority Support", "12 Months Support", "Custom Integrations"],
button: { text: "Get Started", href: "#" },
imageSrc: "http://img.b2bpic.net/free-vector/pricing-table-pack_23-2147723564.jpg", imageAlt: "Professional plan features"},
imageSrc: "http://img.b2bpic.net/free-vector/pricing-table-pack_23-2147723564.jpg", imageAlt: "Professional plan features"
},
{
id: "enterprise", title: "Enterprise", price: "Custom", period: "contact us", features: [
"Everything in Professional", "Dedicated Account Manager", "Custom Tool Development", "24/7 Phone Support", "Training & Consulting", "White-label Options"],
button: { text: "Contact Sales", href: "#" },
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-using-computer-laptop_53876-14773.jpg", imageAlt: "Enterprise plan features"},
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-using-computer-laptop_53876-14773.jpg", imageAlt: "Enterprise plan features"
},
]}
animationType="slide-up"
textboxLayout="default"
@@ -216,17 +230,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Maria Fernandez", date: "3 weeks ago", title: "E-Commerce Manager", quote: "Webild transformed our online presence. Our conversion rate increased by 45% in just the first month. The team was incredibly responsive and truly understood our vision.", tag: "E-Commerce Success", avatarSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", avatarAlt: "Maria Fernandez", imageSrc: "http://img.b2bpic.net/free-photo/business-team-working-new-business-plan-with-modern-digital-computer-with-copyspace_1423-207.jpg", imageAlt: "Business success story"},
id: "1", name: "Maria Fernandez", date: "3 weeks ago", title: "E-Commerce Manager", quote: "Webild transformed our online presence. Our conversion rate increased by 45% in just the first month. The team was incredibly responsive and truly understood our vision.", tag: "E-Commerce Success", avatarSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", avatarAlt: "Maria Fernandez", imageSrc: "http://img.b2bpic.net/free-photo/business-team-working-new-business-plan-with-modern-digital-computer-with-copyspace_1423-207.jpg", imageAlt: "Business success story"
},
{
id: "2", name: "James Chen", date: "2 months ago", title: "Startup Founder", quote: "The business tools suite saved us months of development time. We were able to launch our operations immediately with Webild's comprehensive toolkit. Highly recommended!", tag: "Startup Launch", avatarSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg", avatarAlt: "James Chen", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-fair-instagram-stories_23-2151024375.jpg", imageAlt: "Startup success"},
id: "2", name: "James Chen", date: "2 months ago", title: "Startup Founder", quote: "The business tools suite saved us months of development time. We were able to launch our operations immediately with Webild's comprehensive toolkit. Highly recommended!", tag: "Startup Launch", avatarSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg", avatarAlt: "James Chen", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-fair-instagram-stories_23-2151024375.jpg", imageAlt: "Startup success"
},
{
id: "3", name: "Amanda Rodriguez", date: "1 month ago", title: "Marketing Director", quote: "Working with Webild was a game-changer. The design is not only beautiful but incredibly intuitive. Our team loves how easy it is to manage everything.", tag: "Design Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman_23-2147707173.jpg", avatarAlt: "Amanda Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148369181.jpg", imageAlt: "Marketing campaign"},
id: "3", name: "Amanda Rodriguez", date: "1 month ago", title: "Marketing Director", quote: "Working with Webild was a game-changer. The design is not only beautiful but incredibly intuitive. Our team loves how easy it is to manage everything.", tag: "Design Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman_23-2147707173.jpg", avatarAlt: "Amanda Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148369181.jpg", imageAlt: "Marketing campaign"
},
{
id: "4", name: "David Park", date: "5 weeks ago", title: "Business Owner", quote: "Webild's support is exceptional. They didn't just build our website; they became partners in our growth. The tools they provided are invaluable.", tag: "Partnership Success", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-flight-attendant-posing-studio_23-2150197253.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/people-standing-office-holding-hands-together_23-2147650946.jpg", imageAlt: "Client testimonial"},
id: "4", name: "David Park", date: "5 weeks ago", title: "Business Owner", quote: "Webild's support is exceptional. They didn't just build our website; they became partners in our growth. The tools they provided are invaluable.", tag: "Partnership Success", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-flight-attendant-posing-studio_23-2150197253.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/people-standing-office-holding-hands-together_23-2147650946.jpg", imageAlt: "Client testimonial"
},
{
id: "5", name: "Sophie Martin", date: "2 weeks ago", title: "Consultant", quote: "The attention to detail is remarkable. From the initial concept to launch, every step was carefully thought through. Webild truly understands modern design.", tag: "Consultant Approved", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", avatarAlt: "Sophie Martin", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149145155.jpg", imageAlt: "Professional consultation"},
id: "5", name: "Sophie Martin", date: "2 weeks ago", title: "Consultant", quote: "The attention to detail is remarkable. From the initial concept to launch, every step was carefully thought through. Webild truly understands modern design.", tag: "Consultant Approved", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", avatarAlt: "Sophie Martin", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149145155.jpg", imageAlt: "Professional consultation"
},
{
id: "6", name: "Thomas Kim", date: "3 months ago", title: "Agency Owner", quote: "Webild's professional approach and artistic vision set them apart. Our clients consistently praise the quality. It's been a fantastic partnership.", tag: "Agency Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2150275662.jpg", avatarAlt: "Thomas Kim", imageSrc: "http://img.b2bpic.net/free-photo/powerful-satisfied-entrepreneurs-hugging-congratulating-each-other_482257-119865.jpg", imageAlt: "Agency success"},
id: "6", name: "Thomas Kim", date: "3 months ago", title: "Agency Owner", quote: "Webild's professional approach and artistic vision set them apart. Our clients consistently praise the quality. It's been a fantastic partnership.", tag: "Agency Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2150275662.jpg", avatarAlt: "Thomas Kim", imageSrc: "http://img.b2bpic.net/free-photo/powerful-satisfied-entrepreneurs-hugging-congratulating-each-other_482257-119865.jpg", imageAlt: "Agency success"
},
]}
/>
</div>
@@ -243,17 +263,23 @@ export default function LandingPage() {
faqsAnimation="blur-reveal"
faqs={[
{
id: "1", title: "How long does a typical website design project take?", content: "Our standard project timeline is 4-8 weeks depending on complexity and scope. We break the process into discovery, design, development, and testing phases to ensure quality at every step."},
id: "1", title: "How long does a typical website design project take?", content: "Our standard project timeline is 4-8 weeks depending on complexity and scope. We break the process into discovery, design, development, and testing phases to ensure quality at every step."
},
{
id: "2", title: "Do you offer ongoing support after launch?", content: "Yes! All our packages include ongoing support. Starter plans include 3 months, Professional 12 months, and Enterprise clients get 24/7 support with a dedicated account manager."},
id: "2", title: "Do you offer ongoing support after launch?", content: "Yes! All our packages include ongoing support. Starter plans include 3 months, Professional 12 months, and Enterprise clients get 24/7 support with a dedicated account manager."
},
{
id: "3", title: "Can I use the business tools if I didn't hire you for design?", content: "Absolutely. Our business tools are available as standalone packages. Many entrepreneurs use our tools independently to manage their operations, content calendars, and client relationships."},
id: "3", title: "Can I use the business tools if I didn't hire you for design?", content: "Absolutely. Our business tools are available as standalone packages. Many entrepreneurs use our tools independently to manage their operations, content calendars, and client relationships."
},
{
id: "4", title: "What's included in the branding kit?", content: "The branding kit includes logo design, color palette, typography guidelines, brand voice documentation, and ready-to-use templates for social media, emails, and marketing materials."},
id: "4", title: "What's included in the branding kit?", content: "The branding kit includes logo design, color palette, typography guidelines, brand voice documentation, and ready-to-use templates for social media, emails, and marketing materials."
},
{
id: "5", title: "Is my website mobile responsive?", content: "Every website we design is fully responsive and optimized for all devices. We test extensively on phones, tablets, and desktops to ensure a perfect user experience everywhere."},
id: "5", title: "Is my website mobile responsive?", content: "Every website we design is fully responsive and optimized for all devices. We test extensively on phones, tablets, and desktops to ensure a perfect user experience everywhere."
},
{
id: "6", title: "Do you provide SEO optimization?", content: "Yes, SEO is built into every website we create. We handle on-page optimization, technical SEO, mobile optimization, and provide guidance on content strategy for long-term rankings."},
id: "6", title: "Do you provide SEO optimization?", content: "Yes, SEO is built into every website we create. We handle on-page optimization, technical SEO, mobile optimization, and provide guidance on content strategy for long-term rankings."
},
]}
/>
</div>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #1b0c25;
--primary-cta: #1b0c25;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #1f7cff;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta: #010101;
--secondary-cta-text: #1b0c25;
--accent: #ff93e4;
--background-accent: #e8a8c3;
--accent: #1f7cff;
--background-accent: #f96b2f;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);