-
-
+ {/*
*/}
-
- We guide businesses from the basics of planning to complete transformations, offering
- expert
- mentoring, consulting, and e-learning. Whether you're starting small or aiming for major
- growth,
- we provide the support and tools to achieve lasting success.
-
-
- {/*CENTER IMAGE*/}
-
-
-
+ {/*LEFT TEXT*/}
+
+
+
- {/*RIGHT STATISTICS*/}
-
-
-
- 20+
- Years Experience
-
-
- 300+
- Clients Empowered
-
-
- 10+
- Courses Available
-
-
- 2
- Expert Mentors
-
-
-
-
-
-
-
-
-
+
+ We guide businesses from the basics of planning to complete transformations, offering
+ expert
+ mentoring, consulting, and e-learning. Whether you're starting small or aiming for major
+ growth,
+ we provide the support and tools to achieve lasting success!
+
+
+
+ {/*CENTER IMAGE*/}
+
+
+
+ {/*CTA BUTTONS*/}
+
+
+
- {/*CTA BUTTONS*/}
-
-
-
+ {/*RIGHT STATISTICS*/}
+
+
+
+ 20+
+ Years Experience
+
+
+ 300+
+ Clients Empowered
+
+
+ 10+
+ Courses Available
+
+
+ 2
+ Expert Mentors
+
+
+
+
+
+
+
+
+
+
Index: frontend/src/components/RoadmapAI.tsx
===================================================================
--- frontend/src/components/RoadmapAI.tsx (revision d797dce91fdb18630fa8863ded6bfcbea51b4789)
+++ frontend/src/components/RoadmapAI.tsx (revision d797dce91fdb18630fa8863ded6bfcbea51b4789)
@@ -0,0 +1,66 @@
+import RoadmapInput from "./RoadmapInput.tsx";
+
+function RoadmapAI() {
+ const roadmapData = [
+ {
+ title: "Define The Challenge",
+ description: "What is your biggest business challenge? (e.g., marketing, scaling, sales, operations, leadership, etc.)",
+ textColor: "text-deep-green",
+ bgColor: "bg-deep-green/80",
+ marginAutoSide: "mr-auto"
+ },
+ {
+ title: "Set Clear Goals",
+ description: "What do you want to achieve? (e.g., increase revenue, build a team, launch a product, improve strategy, etc.)",
+ textColor: "text-shifter",
+ bgColor: "bg-shifter/80",
+ marginAutoSide: "ml-auto"
+ },
+ {
+ title: "Assess Experience",
+ description: "Where are you in your journey? (e.g., startup, growing business, established business, corporate level, etc.)",
+ textColor: "text-teal",
+ bgColor: "bg-teal/80",
+ marginAutoSide: "mr-auto"
+ },
+ {
+ title: "Pick a Learning Style",
+ description: "How do you prefer to learn? (e.g., one-on-one mentoring, group coaching, self-paced courses, workshops, etc.)",
+ textColor: "text-dark-blue",
+ bgColor: "bg-dark-blue/80",
+ marginAutoSide: "ml-auto"
+ },
+ ]
+
+
+ return (
+
+ {/*HEADER*/}
+
+
AI-Powered Roadmap
+
Answer 4 questions, and let AI guide you with a personalized plan to
+ achieve your goals
+
+ {
+ roadmapData.map(data => {
+ return (
+
+ )
+ })
+ }
+
+
+ );
+}
+
+export default RoadmapAI
Index: frontend/src/components/RoadmapInput.tsx
===================================================================
--- frontend/src/components/RoadmapInput.tsx (revision d797dce91fdb18630fa8863ded6bfcbea51b4789)
+++ frontend/src/components/RoadmapInput.tsx (revision d797dce91fdb18630fa8863ded6bfcbea51b4789)
@@ -0,0 +1,67 @@
+import {useRef} from "react";
+
+interface RoadmapInputProps {
+ title: string;
+ description: string;
+ textColor: string;
+ bgColor: string;
+ marginAutoSide: string;
+ isLeft: boolean;
+}
+
+
+function RoadmapInput({ title, description, textColor, bgColor, marginAutoSide, isLeft }: RoadmapInputProps) {
+ const textareaRef = useRef
(null);
+
+ const handleInput = () => {
+ const el = textareaRef.current;
+ if (el) {
+ el.style.height = 'auto';
+ el.style.height = `${el.scrollHeight}px`;
+ }
+ };
+
+ return (
+
+ {/*LEFT CIRCLE*/}
+ {
+ isLeft &&
+ }
+
+ {/*TEXT AND INPUT*/}
+
+
+
{title}
+
+
{description}
+
+
+
+
+
Our Core Values
+
+ Our SHIFT Values define our approach to mentoring and consulting. We focus on Sustainable Results, a
+ Holistic Approach, In-depth Analysis, Fact-based Solutions, and Tailor-made Services—ensuring
+ impactful and lasting success.
+
+
+
+
+ S
+ H
+ I
+ F
+ T
+
+
+ ustainable Results
+ olistic Approach
+ n-depth Analysis
+ act Based Solutions
+ ailor Made Services
+
+
+
+
+