Merge version_2_1781450027200 into main #1
@@ -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;
|
||||
|
||||
@@ -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 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
25
src/pages/HomePage/sections/About.tsx
Normal file
25
src/pages/HomePage/sections/About.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
48
src/pages/HomePage/sections/Faq.tsx
Normal file
48
src/pages/HomePage/sections/Faq.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
37
src/pages/HomePage/sections/Features.tsx
Normal file
37
src/pages/HomePage/sections/Features.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Hero.tsx
Normal file
29
src/pages/HomePage/sections/Hero.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Metrics.tsx
Normal file
49
src/pages/HomePage/sections/Metrics.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Services.tsx
Normal file
64
src/pages/HomePage/sections/Services.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Testimonials.tsx
Normal file
52
src/pages/HomePage/sections/Testimonials.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user