Merge version_1 into main #2
158
src/app/page.tsx
158
src/app/page.tsx
@@ -1,17 +1,17 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import {
|
||||
Zap,
|
||||
CheckCircle,
|
||||
@@ -38,7 +38,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -64,7 +64,7 @@ export default function LandingPage() {
|
||||
tag="All-In-One Platform"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Book a Demo", href: "contact" },
|
||||
{ text: "See How It Works", href: "how-it-works" },
|
||||
@@ -72,11 +72,14 @@ export default function LandingPage() {
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png?_wi=1", imageAlt: "TropismLabs dashboard showing lead management"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png", imageAlt: "TropismLabs dashboard showing lead management"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png?_wi=1", imageAlt: "Website builder mobile interface"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png", imageAlt: "Website builder mobile interface"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png?_wi=1", imageAlt: "Automated messaging platform"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png", imageAlt: "Automated messaging platform"
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,23 +110,29 @@ export default function LandingPage() {
|
||||
{
|
||||
id: 1,
|
||||
title: "Functional Website That Converts", description: "A professionally designed website optimized for lead capture. Instant notifications when visitors submit inquiries. Mobile-responsive design that builds trust and keeps you accessible 24/7.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png?_wi=2"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png?_wi=3"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Never Lose Another Missed Call", description: "Automatically send text messages to callers you missed. Continue conversations instantly. Recover opportunities that would otherwise go to competitors. Stay responsive without being glued to your phone.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png?_wi=2"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png?_wi=3"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Marketing Campaigns on Autopilot", description: "Launch referral, return customer, and promotional campaigns without a marketing team. Segment your customer list automatically. Send targeted offers at the right time. Bring previous customers back for additional services.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png?_wi=2"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png?_wi=3"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png"
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -141,13 +150,17 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "45%", description: "Average increase in qualified leads within the first 30 days of using TropismLabs."},
|
||||
id: "1", value: "45%", description: "Average increase in qualified leads within the first 30 days of using TropismLabs."
|
||||
},
|
||||
{
|
||||
id: "2", value: "3x", description: "Faster response time to customer inquiries compared to manual follow-up processes."},
|
||||
id: "2", value: "3x", description: "Faster response time to customer inquiries compared to manual follow-up processes."
|
||||
},
|
||||
{
|
||||
id: "3", value: "12hrs/week", description: "Time saved through automated marketing and lead management on average per contractor."},
|
||||
id: "3", value: "12hrs/week", description: "Time saved through automated marketing and lead management on average per contractor."
|
||||
},
|
||||
{
|
||||
id: "4", value: "82%", description: "Customer satisfaction rate among contractors using our complete automation platform."},
|
||||
id: "4", value: "82%", description: "Customer satisfaction rate among contractors using our complete automation platform."
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -165,23 +178,29 @@ export default function LandingPage() {
|
||||
{
|
||||
id: 1,
|
||||
title: "Book Your Demo", description: "Schedule a quick 30-minute call with our team. We'll show you exactly how TropismLabs works and answer all your questions about getting your business automated.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png?_wi=4"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png?_wi=5"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-modern-saas-dashboard-for-contractor-m-1773311904742-10e10c3a.png"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "We Build Your System", description: "Our team handles the setup. We build your custom website, configure your automation workflows, and integrate with your existing tools. You stay focused on your business.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png?_wi=4"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png?_wi=5"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-showing-a-functional-1773311904026-e3911b75.png"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Launch and Start Growing", description: "Your system goes live and starts capturing leads immediately. Automated workflows run 24/7. You receive leads directly and watch your business grow with less manual work.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png?_wi=4"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png?_wi=5"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/a-smartphone-mockup-displaying-automated-1773311906246-322102a7.png"
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -200,21 +219,29 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Landscaping & Lawn Care", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-website-conversion-and-1773311903131-aae8952c.png?_wi=1"},
|
||||
id: "1", name: "Landscaping & Lawn Care", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-website-conversion-and-1773311903131-aae8952c.png"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Plumbing Services", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-automated-marketing-an-1773311904269-2cdba9e3.png?_wi=1"},
|
||||
id: "2", name: "Plumbing Services", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-automated-marketing-an-1773311904269-2cdba9e3.png"
|
||||
},
|
||||
{
|
||||
id: "3", name: "HVAC & Heating", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-24-7-business-availabi-1773311903143-4fb95458.png?_wi=1"},
|
||||
id: "3", name: "HVAC & Heating", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-24-7-business-availabi-1773311903143-4fb95458.png"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Roofing & Gutters", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-website-conversion-and-1773311903131-aae8952c.png?_wi=2"},
|
||||
id: "4", name: "Roofing & Gutters", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-website-conversion-and-1773311903131-aae8952c.png"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Electrical Services", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-automated-marketing-an-1773311904269-2cdba9e3.png?_wi=2"},
|
||||
id: "5", name: "Electrical Services", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-automated-marketing-an-1773311904269-2cdba9e3.png"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Painting & Remodeling", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-24-7-business-availabi-1773311903143-4fb95458.png?_wi=2"},
|
||||
id: "6", name: "Painting & Remodeling", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-24-7-business-availabi-1773311903143-4fb95458.png"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Pressure Washing", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-website-conversion-and-1773311903131-aae8952c.png?_wi=3"},
|
||||
id: "7", name: "Pressure Washing", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-website-conversion-and-1773311903131-aae8952c.png"
|
||||
},
|
||||
{
|
||||
id: "8", name: "Pest Control Services", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-automated-marketing-an-1773311904269-2cdba9e3.png?_wi=3"},
|
||||
id: "8", name: "Pest Control Services", price: "Get Started", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/icon-representing-automated-marketing-an-1773311904269-2cdba9e3.png"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -231,9 +258,11 @@ export default function LandingPage() {
|
||||
tagIcon={Share2}
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"Google Business", "HubSpot", "Stripe", "Zapier", "Intercom", "Salesforce", "Slack", "Twilio"]}
|
||||
"Google Business", "HubSpot", "Stripe", "Zapier", "Intercom", "Salesforce", "Slack", "Twilio"
|
||||
]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/google-company-logo-in-a-clean-modern-st-1773311903477-e008ca24.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/hubspot-crm-platform-logo-recognizable-b-1773311904068-cffb14d4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/stripe-payment-platform-logo-simple-mode-1773311902490-8e8d49a1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/zapier-automation-platform-logo-recogniz-1773311904714-bfad21c8.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/intercom-customer-communication-platform-1773311903223-da43ff3a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/salesforce-crm-company-logo-enterprise-c-1773311903338-c06234da.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/slack-team-communication-platform-logo-m-1773311903661-5db6f431.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/microsoft-company-logo-four-square-windo-1773311903316-15d65ff7.png"]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/google-company-logo-in-a-clean-modern-st-1773311903477-e008ca24.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/hubspot-crm-platform-logo-recognizable-b-1773311904068-cffb14d4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/stripe-payment-platform-logo-simple-mode-1773311902490-8e8d49a1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/zapier-automation-platform-logo-recogniz-1773311904714-bfad21c8.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/intercom-customer-communication-platform-1773311903223-da43ff3a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/salesforce-crm-company-logo-enterprise-c-1773311903338-c06234da.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/slack-team-communication-platform-logo-m-1773311903661-5db6f431.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/microsoft-company-logo-four-square-windo-1773311903316-15d65ff7.png"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
@@ -251,22 +280,28 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Johnson", role: "Owner", company: "Johnson Plumbing Inc", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-satisfied-con-1773311903397-a37845a0.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-satisfied-con-1773311903397-a37845a0.png"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Martinez", role: "CEO", company: "Martinez Landscaping", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-female-contra-1773311903586-0bf39275.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-female-contra-1773311903586-0bf39275.png"
|
||||
},
|
||||
{
|
||||
id: "3", name: "David Chen", role: "Owner", company: "Chen HVAC Solutions", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-middle-aged-m-1773311904476-99348d26.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-middle-aged-m-1773311904476-99348d26.png"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Rachel Thompson", role: "Operations Manager", company: "Thompson Roofing", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-younger-male--1773311903692-f8120bb5.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-younger-male--1773311903692-f8120bb5.png"
|
||||
},
|
||||
{
|
||||
id: "5", name: "James Rodriguez", role: "Owner", company: "Rodriguez Electrical", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-female-busine-1773311902836-43d7f3d1.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-female-busine-1773311902836-43d7f3d1.png"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Emily Walsh", role: "Business Manager", company: "Walsh Painting Co", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-diverse-male--1773311902909-b20b8882.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjjyHBPHXRrHGOlh4w7NKrwjA1/professional-headshot-of-a-diverse-male--1773311902909-b20b8882.png"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "245+", label: "Active Contractors" },
|
||||
@@ -288,17 +323,23 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does it take to get started?", content: "Most contractors are fully set up and live within 5-7 business days. We handle all the technical setup, integration, and configuration so you can focus on your business."},
|
||||
id: "1", title: "How long does it take to get started?", content: "Most contractors are fully set up and live within 5-7 business days. We handle all the technical setup, integration, and configuration so you can focus on your business."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What if I don't know how to use the platform?", content: "We provide comprehensive training and ongoing support. Our team is available to help you learn the platform, and we offer video tutorials and documentation for self-service learning."},
|
||||
id: "2", title: "What if I don't know how to use the platform?", content: "We provide comprehensive training and ongoing support. Our team is available to help you learn the platform, and we offer video tutorials and documentation for self-service learning."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I cancel anytime?", content: "Yes, there are no long-term contracts. You can cancel your subscription at any time. We focus on delivering value so you'll want to stay."},
|
||||
id: "3", title: "Can I cancel anytime?", content: "Yes, there are no long-term contracts. You can cancel your subscription at any time. We focus on delivering value so you'll want to stay."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What integrations are supported?", content: "We integrate with HubSpot, Stripe, Zapier, Google Business, Slack, and many other popular tools contractors use. If you need a specific integration, let us know."},
|
||||
id: "4", title: "What integrations are supported?", content: "We integrate with HubSpot, Stripe, Zapier, Google Business, Slack, and many other popular tools contractors use. If you need a specific integration, let us know."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How much does TropismLabs cost?", content: "Pricing depends on your specific needs and which features you want. We offer flexible plans starting at $299/month for basic features up to $999/month for our complete platform with all add-ons."},
|
||||
id: "5", title: "How much does TropismLabs cost?", content: "Pricing depends on your specific needs and which features you want. We offer flexible plans starting at $299/month for basic features up to $999/month for our complete platform with all add-ons."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Do you provide customer support?", content: "Absolutely. We offer email support, phone support during business hours, and video training sessions. Your success is our success."},
|
||||
id: "6", title: "Do you provide customer support?", content: "Absolutely. We offer email support, phone support during business hours, and video training sessions. Your success is our success."
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -331,13 +372,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/tropism-labs", ariaLabel: "LinkedIn"},
|
||||
href: "https://linkedin.com/company/tropism-labs", ariaLabel: "LinkedIn"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/tropism_labs", ariaLabel: "Twitter"},
|
||||
href: "https://twitter.com/tropism_labs", ariaLabel: "Twitter"
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:hello@tropism-labs.io", ariaLabel: "Email"},
|
||||
href: "mailto:hello@tropism-labs.io", ariaLabel: "Email"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
textClassName?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
textClassName = '',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 200 50"
|
||||
className={className}
|
||||
aria-label={`${text} logo`}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
className={`text-lg font-bold ${textClassName}`}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user