Merge version_5_1782151306580 into main #4
@@ -12,7 +12,8 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import JoinSection from './HomePage/sections/Join';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
|
||||
import SignupSection from './HomePage/sections/Signup';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<HeroSection />
|
||||
@@ -28,6 +29,7 @@ export default function HomePage(): React.JSX.Element {
|
||||
<FaqSection />
|
||||
|
||||
<JoinSection />
|
||||
<SignupSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -10,8 +10,8 @@ export default function HeroSection(): React.JSX.Element {
|
||||
title="Turn Business Problems Into Growth Opportunities"
|
||||
tag="Growth Partner"
|
||||
description="Connect with skilled professionals helping businesses identify revenue leaks, improve conversions, and generate more qualified leads."
|
||||
primaryButton={{"href":"#contact","text":"Request a Service"}}
|
||||
secondaryButton={{"href":"#join","text":"Join as a Professional"}}
|
||||
primaryButton={{"href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor","text":"Request a Service"}}
|
||||
secondaryButton={{"href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor","text":"Join as a Professional"}}
|
||||
leftItems={[{"imageSrc":"http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2249.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15838.jpg"}]}
|
||||
rightItems={[{"imageSrc":"http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg"}]}
|
||||
/>
|
||||
|
||||
@@ -10,17 +10,11 @@ export default function JoinSection(): React.JSX.Element {
|
||||
<div id="join" data-section="join">
|
||||
<SectionErrorBoundary name="join">
|
||||
<ContactCta
|
||||
tag="Join Us"
|
||||
text="Start Building Smarter Business Timelines Today."
|
||||
primaryButton={{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Join as Pro",
|
||||
href: "#join-form",
|
||||
}}
|
||||
/>
|
||||
tag="Join Us"
|
||||
text="Start Building Smarter Business Timelines Today."
|
||||
primaryButton={{"href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor","text":"Request Service"}}
|
||||
secondaryButton={{"text":"Join as Pro","href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
|
||||
31
src/pages/HomePage/sections/Signup.tsx
Normal file
31
src/pages/HomePage/sections/Signup.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import ScrollReveal from '@/components/ui/ScrollReveal';
|
||||
import TextAnimation from '@/components/ui/TextAnimation';
|
||||
import Input from '@/components/ui/Input';
|
||||
import Button from '@/components/ui/Button';
|
||||
|
||||
export default function SignupSection() {
|
||||
return (
|
||||
<div data-webild-section="signup" id="signup" className="py-24 bg-background">
|
||||
<div className="w-content-width mx-auto">
|
||||
<ScrollReveal variant="fade">
|
||||
<div className="max-w-2xl mx-auto text-center card p-8 rounded-lg shadow-sm">
|
||||
<TextAnimation
|
||||
text="Sign Up"
|
||||
variant="fade-blur"
|
||||
tag="h2"
|
||||
className="text-3xl font-bold text-foreground mb-4"
|
||||
gradientText={false}
|
||||
/>
|
||||
<p className="text-accent mb-8">Sign up with your name and email to get started.</p>
|
||||
<form className="flex flex-col gap-4 max-w-md mx-auto" onSubmit={(e) => e.preventDefault()}>
|
||||
<Input type="text" placeholder="Your Name" required className="w-full" />
|
||||
<Input type="email" placeholder="Your Email" required className="w-full" />
|
||||
<Button text="Sign Up" variant="primary" className="w-full" />
|
||||
</form>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user