2 Commits

Author SHA1 Message Date
0122b29af1 Merge version_2_1781450027200 into main
Merge version_2_1781450027200 into main
2026-06-14 15:15:03 +00:00
kudinDmitriyUp
4be21490b9 Bob AI: Updated global theme to use a blue color palette instead of 2026-06-14 15:14:21 +00:00
10 changed files with 364 additions and 263 deletions

View File

@@ -5,15 +5,15 @@
:root {
/* @colorThemes/lightTheme/grayNavyBlue */
--background: #050012;
--card: #040121;
--foreground: #f0e6ff;
--primary-cta: #c89bff;
--primary-cta-text: #050012;
--secondary-cta: #1d123b;
--secondary-cta-text: #f0e6ff;
--accent: #684f7b;
--background-accent: #65417c;
--background: #000B18;
--card: #001226;
--foreground: #E6F0FF;
--primary-cta: #3399FF;
--primary-cta-text: #000B18;
--secondary-cta: #002B5E;
--secondary-cta-text: #E6F0FF;
--accent: #0055B3;
--background-accent: #004080;
/* @layout/border-radius/rounded */
--radius: 0.5rem;

View File

@@ -1,266 +1,36 @@
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import FeaturesSection from './HomePage/sections/Features';
import ServicesSection from './HomePage/sections/Services';
import MetricsSection from './HomePage/sections/Metrics';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboard
tag="Welcome to the Future"
title="Ride the Digital Wave"
description="WEB WAVE builds the next generation of software, digital platforms, and innovative solutions for growing businesses."
primaryButton={{
text: "Get Started",
href: "#contact",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-particles_1048-13904.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Who We Are"
title="Innovative Tech Solutions"
description="At WEB WAVE, we combine creativity and technology to deliver custom digital experiences that push boundaries. We are experts in full-stack development, cloud architecture, and data-driven design."
primaryButton={{
text: "Meet the Team",
href: "#contact",
}}
imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2975.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesMediaCards
tag="Core Capabilities"
title="Designed for Growth"
description="Our scalable approach ensures your infrastructure grows with your ambition."
items={[
{
title: "Cloud Architecture",
description: "High-availability, robust cloud setups.",
imageSrc: "http://img.b2bpic.net/free-vector/social-media-elements-cloud-shape_23-2147817265.jpg",
},
{
title: "Advanced Security",
description: "Protecting data with next-gen encryption.",
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
},
{
title: "AI & Automation",
description: "Smart algorithms to speed up business.",
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-60008.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesRevealCardsBento
tag="Our Services"
title="Comprehensive Development"
description="Everything you need to launch and maintain your digital presence."
items={[
{
title: "Web Platforms",
description: "Scalable web apps.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",
},
{
title: "UX Strategy",
description: "User-first design flows.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320739.jpg",
},
{
title: "Mobile Apps",
description: "Native and cross-platform.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
},
{
title: "Big Data",
description: "Insights-driven analytics.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
},
{
title: "DevOps",
description: "Efficient CI/CD pipelines.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-diverse-group-reviewing-insight-pc-green-screen_482257-126109.jpg",
},
{
title: "Cyber Safety",
description: "Bulletproof security.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/file-folder-document-paper-ui-icon-sign-symbol-3d-rendering_56104-1927.jpg",
},
{
title: "IT Consulting",
description: "Expert strategy guidance.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-connections-background-with-plexus-design_1048-14709.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ServicesSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Proven Results"
title="By The Numbers"
description="We don't just build, we drive results."
metrics={[
{
value: "50+",
title: "Projects Completed",
features: [
"SaaS apps",
"Web platforms",
"Cloud migrations",
],
},
{
value: "99.9%",
title: "Uptime Guaranteed",
features: [
"Cloud stability",
"Auto-scaling",
"24/7 monitoring",
],
},
{
value: "15+",
title: "Satisfied Clients",
features: [
"Enterprise clients",
"Fast startups",
"Global teams",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Client Success"
title="What They Say"
description="Voices from our partners and clients."
testimonials={[
{
name: "Alex Smith",
role: "CEO",
quote: "WEB WAVE transformed our digital infrastructure.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
},
{
name: "Jasmine Lee",
role: "CTO",
quote: "Their development speed is unparalleled.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
},
{
name: "David Wang",
role: "PM",
quote: "Deep technical knowledge and great service.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-project-manager-sitting-office-desk-work-business-growth-with-financial-charts-sales-statistics-marketing-consultant-analyzing-e-commerce-diagrams-computer_482257-41123.jpg",
},
{
name: "Elena Ross",
role: "Marketing",
quote: "Our web traffic increased by 200%.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19431.jpg",
},
{
name: "Mark Johnson",
role: "Owner",
quote: "A reliable partner for our growth.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Help Center"
title="Frequently Asked"
description="Answers to our most common queries."
categories={[
{
name: "General",
items: [
{
question: "What is the timeline?",
answer: "Usually 4-8 weeks.",
},
{
question: "Do you offer support?",
answer: "Yes, 24/7.",
},
],
},
{
name: "Technical",
items: [
{
question: "Tech stack?",
answer: "React, Node, Cloud.",
},
{
question: "Data safety?",
answer: "Top-tier standards.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Start a Project"
text="Ready to build the future with WEB WAVE?"
primaryButton={{
text: "Contact Us",
href: "#",
}}
secondaryButton={{
text: "View Docs",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,25 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Who We Are"
title="Innovative Tech Solutions"
description="At WEB WAVE, we combine creativity and technology to deliver custom digital experiences that push boundaries. We are experts in full-stack development, cloud architecture, and data-driven design."
primaryButton={{
text: "Meet the Team",
href: "#contact",
}}
imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2975.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Start a Project"
text="Ready to build the future with WEB WAVE?"
primaryButton={{
text: "Contact Us",
href: "#",
}}
secondaryButton={{
text: "View Docs",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,48 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Help Center"
title="Frequently Asked"
description="Answers to our most common queries."
categories={[
{
name: "General",
items: [
{
question: "What is the timeline?",
answer: "Usually 4-8 weeks.",
},
{
question: "Do you offer support?",
answer: "Yes, 24/7.",
},
],
},
{
name: "Technical",
items: [
{
question: "Tech stack?",
answer: "React, Node, Cloud.",
},
{
question: "Data safety?",
answer: "Top-tier standards.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,37 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "features" section.
import React from 'react';
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesMediaCards
tag="Core Capabilities"
title="Designed for Growth"
description="Our scalable approach ensures your infrastructure grows with your ambition."
items={[
{
title: "Cloud Architecture",
description: "High-availability, robust cloud setups.",
imageSrc: "http://img.b2bpic.net/free-vector/social-media-elements-cloud-shape_23-2147817265.jpg",
},
{
title: "Advanced Security",
description: "Protecting data with next-gen encryption.",
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
},
{
title: "AI & Automation",
description: "Smart algorithms to speed up business.",
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-60008.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboard
tag="Welcome to the Future"
title="Ride the Digital Wave"
description="WEB WAVE builds the next generation of software, digital platforms, and innovative solutions for growing businesses."
primaryButton={{
text: "Get Started",
href: "#contact",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-particles_1048-13904.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,49 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Proven Results"
title="By The Numbers"
description="We don't just build, we drive results."
metrics={[
{
value: "50+",
title: "Projects Completed",
features: [
"SaaS apps",
"Web platforms",
"Cloud migrations",
],
},
{
value: "99.9%",
title: "Uptime Guaranteed",
features: [
"Cloud stability",
"Auto-scaling",
"24/7 monitoring",
],
},
{
value: "15+",
title: "Satisfied Clients",
features: [
"Enterprise clients",
"Fast startups",
"Global teams",
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,64 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesRevealCardsBento
tag="Our Services"
title="Comprehensive Development"
description="Everything you need to launch and maintain your digital presence."
items={[
{
title: "Web Platforms",
description: "Scalable web apps.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",
},
{
title: "UX Strategy",
description: "User-first design flows.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320739.jpg",
},
{
title: "Mobile Apps",
description: "Native and cross-platform.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
},
{
title: "Big Data",
description: "Insights-driven analytics.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
},
{
title: "DevOps",
description: "Efficient CI/CD pipelines.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-diverse-group-reviewing-insight-pc-green-screen_482257-126109.jpg",
},
{
title: "Cyber Safety",
description: "Bulletproof security.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/file-folder-document-paper-ui-icon-sign-symbol-3d-rendering_56104-1927.jpg",
},
{
title: "IT Consulting",
description: "Expert strategy guidance.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-connections-background-with-plexus-design_1048-14709.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Client Success"
title="What They Say"
description="Voices from our partners and clients."
testimonials={[
{
name: "Alex Smith",
role: "CEO",
quote: "WEB WAVE transformed our digital infrastructure.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
},
{
name: "Jasmine Lee",
role: "CTO",
quote: "Their development speed is unparalleled.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
},
{
name: "David Wang",
role: "PM",
quote: "Deep technical knowledge and great service.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-project-manager-sitting-office-desk-work-business-growth-with-financial-charts-sales-statistics-marketing-consultant-analyzing-e-commerce-diagrams-computer_482257-41123.jpg",
},
{
name: "Elena Ross",
role: "Marketing",
quote: "Our web traffic increased by 200%.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19431.jpg",
},
{
name: "Mark Johnson",
role: "Owner",
quote: "A reliable partner for our growth.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}