Merge version_8_1780517966951 into main #7
@@ -12,12 +12,14 @@ import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
|
||||
import HowItWorksSection from './HomePage/sections/HowItWorks';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<HomeSection />
|
||||
<AboutSection />
|
||||
<ProductsSection />
|
||||
<HowItWorksSection />
|
||||
<WhyUsSection />
|
||||
<TestimonialsSection />
|
||||
<SocialProofSection />
|
||||
|
||||
17
src/pages/HomePage/sections/HowItWorks.tsx
Normal file
17
src/pages/HomePage/sections/HowItWorks.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
// Created by add_section_from_catalog (FeaturesDetailedSteps).
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
|
||||
export default function HowItWorksSection(): React.JSX.Element {
|
||||
return (
|
||||
<div data-webild-section="how-it-works" id="how-it-works">
|
||||
<FeaturesDetailedSteps
|
||||
title="Get started in 3 simple steps"
|
||||
steps={[{"tag":"Step 1","imageSrc":"https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop","description":"Enter your details and verify your email to get instant access to our platform.","title":"Create your account","subtitle":"Sign up in seconds"},{"subtitle":"Tailor it to your needs","imageSrc":"https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=2015&auto=format&fit=crop","tag":"Step 2","title":"Configure your workspace","description":"Set up your preferences, invite team members, and connect your favorite tools."},{"subtitle":"See results immediately","imageSrc":"https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=2070&auto=format&fit=crop","tag":"Step 3","title":"Start achieving goals","description":"Launch your first project and track your progress with our intuitive dashboard."}]}
|
||||
description="Our onboarding process is designed to be quick and painless so you can start seeing value immediately."
|
||||
tag="How It Works"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user