diff --git a/src/constants/data.js b/src/constants/data.js
index 909ff10..5bf4d33 100644
--- a/src/constants/data.js
+++ b/src/constants/data.js
@@ -1,124 +1,157 @@
+import homesmile from "../assets/hero/home-smile.svg"
+import file2 from "../assets/hero/file-02.svg"
+import plusSquare from "../assets/hero/plus-square.svg"
+import search from "../assets/hero/search-md.svg"
+
+
+import stevenUni from "../assets/companys/icons8-steven-universe-logo-96.png"
+import sitecore from "../assets/companys/icons8-sitecore-96.png"
+import firebase from "../assets/companys/icons8-firebase-96.png"
+import caesium from "../assets/companys/icons8-caesium-96.png"
+import inshot from "../assets/companys/icons8-inshot-96.png"
+import roseland from "../assets/companys/icons8-roseland-96.png"
+
const companys = [
{
- id: 1,
+ id: 0,
name: "Steven Universe",
- img: "../src/assets/companys/icons8-steven-universe-logo-96.png",
+ img: stevenUni,
},
{
- id: 2,
+ id: 1,
name: "Sitecore",
- img: "../src/assets/companys/icons8-sitecore-96.png",
+ img: sitecore,
},
{
- id: 3,
+ id: 2,
name: "Firebase",
- img: "../src/assets/companys/icons8-firebase-96.png",
+ img: firebase,
},
- { id: 4, name: "Inshot", img: "../src/assets/companys/icons8-inshot-96.png" },
+ { id: 3, name: "Inshot", img: inshot },
{
- id: 5,
+ id: 4,
name: "Caesium",
- img: "../src/assets/companys/icons8-caesium-96.png",
+ img: caesium,
},
{
- id: 6,
+ id: 5,
name: "RoseLand",
- img: "../src/assets/companys/icons8-roseland-96.png",
+ img: roseland,
},
];
+import icon1 from "../assets/benefits/icon-1.svg"
+import icon2 from "../assets/benefits/icon-2.svg"
+import icon3 from "../assets/benefits/icon-3.svg"
+import icon4 from "../assets/benefits/icon-4.svg"
+
+import card1 from "../assets/benefits/card-1.svg"
+import card2 from "../assets/benefits/card-2.svg"
+import card3 from "../assets/benefits/card-3.svg"
+import card4 from "../assets/benefits/card-4.svg"
+import card5 from "../assets/benefits/card-5.svg"
+
const features = [
{
id: 1,
topic: "Ask Anything",
text: "Lets user quickly find answers to their questions without having to search through multiple sources.",
- buttonImg: "../src/assets/benefits/icon-1.svg",
- borderImg: "../src/assets/benefits/card-1.svg",
+ buttonImg: icon1,
+ borderImg: card1,
},
{
id: 2,
topic: "Improve everyday",
text: "The app uses natural language processing to understand user queries and provide accurate and relevant responses.",
- buttonImg: "../src/assets/benefits/icon-2.svg",
- borderImg: "src/assets/benefits/card-2.svg",
+ buttonImg: icon2,
+ borderImg: card2,
},
{
id: 3,
topic: "Connect everywhere",
text: "Connect with the AI chatbot from anywhere, on any device, making it more accessable and convinient.",
- buttonImg: "../src/assets/benefits/icon-3.svg",
- borderImg: "../src/assets/benefits/card-3.svg",
+ buttonImg: icon3,
+ borderImg: card3,
},
{
id: 4,
topic: "Smart Suggestions",
text: "Get personalized recommendations based on your habits, preferences, and previous interactions with the AI.",
- buttonImg: "../src/assets/benefits/icon-3.svg",
- borderImg: "../src/assets/benefits/card-3.svg",
+ buttonImg: icon3,
+ borderImg: card3,
},
{
id: 5,
topic: "Seamless Integration",
text: "Easily integrate the chatbot with your favorite tools and platforms for a smoother workflow experience.",
- buttonImg: "../src/assets/benefits/icon-4.svg",
- borderImg: "../src/assets/benefits/card-4.svg",
+ buttonImg: icon4,
+ borderImg: card4,
},
{
id: 6,
topic: "Instant Insights",
text: "Receive real-time insights and analytics that help you make better decisions faster and more efficiently.",
- buttonImg: "../src/assets/benefits/icon-1.svg",
- borderImg: "../src/assets/benefits/card-5.svg",
+ buttonImg: icon1,
+ borderImg: card5,
},
];
+import slack from "../assets/collaboration/slack.png"
+import figma from "../assets/collaboration/figma.png"
+import notion from "../assets/collaboration/notion.png"
+import discord from "../assets/collaboration/discord.png"
+import photoshop from "../assets/collaboration/photoshop.png"
+import protopie from "../assets/collaboration/protopie.png"
+import framer from "../assets/collaboration/framer.png"
+import raindrop from "../assets/collaboration/raindrop.png"
+
const collabsApps = [
{
id: 0,
name: "Slack",
- icon: "src/assets/collaboration/slack.png",
+ icon: slack,
rotation: 0,
},
{
id: 1,
name: "Figma",
- icon: "src/assets/collaboration/figma.png",
+ icon: figma,
rotation: 45,
},
{
id: 2,
- name: "Notion",
- icon: "src/assets/collaboration/notion.png",
+ name: notion,
+ icon: notion,
rotation: 90,
},
{
id: 3,
- name: "Discord",
- icon: "src/assets/collaboration/discord.png",
+ name: discord,
+ icon: discord,
rotation: 135,
},
{
id: 4,
- name: "Photoshop",
- icon: "src/assets/collaboration/photoshop.png",
+ name: photoshop,
+ icon: photoshop,
rotation: 180,
},
{
id: 5,
- name: "Protopie",
- icon: "src/assets/collaboration/protopie.png",
+ name: protopie,
+ icon: protopie,
rotation: 225,
},
{
id: 6,
- name: "Framer",
- icon: "src/assets/collaboration/framer.png",
+ name: framer,
+ icon: framer,
rotation: 270,
},
{
id: 7,
- name: "Raindrop",
- icon: "src/assets/collaboration/raindrop.png",
+ name: raindrop,
+ icon: raindrop,
rotation: 315,
},
];
@@ -175,10 +208,12 @@ const pricing = [
},
];
+
+
const icons = [
- { id: 0, icon: "src/assets/hero/home-smile.svg" },
- { id: 1, icon: "src/assets/hero/file-02.svg" },
- { id: 2, icon: "src/assets/hero/plus-square.svg" },
- { id: 3, icon: "src/assets/hero/search-md.svg" },
+ { id: 0, icon: homesmile },
+ { id: 1, icon: file2 },
+ { id: 2, icon: plusSquare },
+ { id: 3, icon: search },
];
export { companys, features, collabsApps, pricing, icons };
diff --git a/src/pages/Collabs.jsx b/src/pages/Collabs.jsx
index 159adfd..9e55cf5 100644
--- a/src/pages/Collabs.jsx
+++ b/src/pages/Collabs.jsx
@@ -4,6 +4,10 @@ import Button from "../components/Button";
import { collabsApps } from "../constants/data";
import { LeftCurve } from "../styleComponents/Collaboration";
import { RightCurve } from "../styleComponents/Collaboration";
+
+import brainwave from "../assets/brainwave-symbol.svg"
+import check from "../assets/check.svg"
+
const Collabs = () => {
return (
@@ -23,7 +27,7 @@ const Collabs = () => {
-
-
+
Seamless Integration
@@ -34,13 +38,13 @@ const Collabs = () => {
-
-
+
Smart Automation
-
-
+
Top-notch Security
@@ -66,7 +70,7 @@ const Collabs = () => {
{
return (
@@ -20,7 +29,7 @@ const GenAI = () => {
{
@@ -55,7 +64,7 @@ const GenAI = () => {
{
-
{
-
{
-
{
-
{
-
{
{
return (
@@ -25,13 +33,13 @@ const Hero = () => {
-
-
+
+
Explore the Possibilities of AI Chatting with{" "}
-
+
BrainWave
@@ -61,7 +69,7 @@ const Hero = () => {
{/* Robot Image */}
@@ -75,14 +83,14 @@ const Hero = () => {
{icons.map((obj) => (
-
+
))}
{
{
Helping People Create Beautiful Content At
-
+
{companys.map((company) => (
{
return (
))}
- {/*
-
- See The Full Details
-
-
*/}
+
);
diff --git a/src/pages/Roadmap.jsx b/src/pages/Roadmap.jsx
index 011f88f..c11b928 100644
--- a/src/pages/Roadmap.jsx
+++ b/src/pages/Roadmap.jsx
@@ -3,6 +3,17 @@ import { RoadmapGradient } from "../styleComponents/RoadmapGradient";
import { RoadmapGradient2 } from "../styleComponents/RoadmapGradient";
import Button from "../components/Button";
import { Link } from "react-router-dom";
+import grid from "../assets/grid.png"
+import image1 from "../assets/roadmap/image-1.png"
+import image2 from "../assets/roadmap/image-2.png"
+import image3 from "../assets/roadmap/image-3.png"
+import image4 from "../assets/roadmap/image-4.png"
+
+import discord from "../assets/socials/discord.svg"
+import facebook from "../assets/socials/facebook.svg"
+import instagram from "../assets/socials/instagram.svg"
+import telegram from "../assets/socials/telegram.svg"
+import twitter from "../assets/socials/twitter.svg"
// import { BottomLine } from "../components/BottomLine";
const Roadmap = () => {
return (
@@ -28,7 +39,7 @@ const Roadmap = () => {
@@ -39,7 +50,7 @@ const Roadmap = () => {
Done
@@ -56,7 +67,7 @@ const Roadmap = () => {
@@ -67,7 +78,7 @@ const Roadmap = () => {
Done
@@ -87,7 +98,7 @@ const Roadmap = () => {
@@ -98,7 +109,7 @@ const Roadmap = () => {
In Progress
@@ -115,7 +126,7 @@ const Roadmap = () => {
{/* */}
@@ -126,7 +137,7 @@ const Roadmap = () => {
In Progress
@@ -170,7 +181,7 @@ const Roadmap = () => {
-
@@ -179,7 +190,7 @@ const Roadmap = () => {
-
@@ -188,7 +199,7 @@ const Roadmap = () => {
-
@@ -197,7 +208,7 @@ const Roadmap = () => {
-
@@ -206,7 +217,7 @@ const Roadmap = () => {
-
diff --git a/src/styleComponents/Collaboration.jsx b/src/styleComponents/Collaboration.jsx
index 3b4851e..d65adf4 100644
--- a/src/styleComponents/Collaboration.jsx
+++ b/src/styleComponents/Collaboration.jsx
@@ -1,8 +1,10 @@
+import curve1 from "../assets/collaboration/curve-1.svg"
+import curve2 from "../assets/collaboration/curve-2.svg"
const LeftCurve = () => {
return (
{
return (
{
return (
diff --git a/src/styleComponents/RoadmapGradient.jsx b/src/styleComponents/RoadmapGradient.jsx
index 6cb293d..d3c769b 100644
--- a/src/styleComponents/RoadmapGradient.jsx
+++ b/src/styleComponents/RoadmapGradient.jsx
@@ -1,8 +1,9 @@
+import gradient from "../assets/gradient.png"
export const RoadmapGradient = () => {
return (
@@ -14,7 +15,7 @@ export const RoadmapGradient2 = () => {
return (
diff --git a/src/styleComponents/VideoStyle.jsx b/src/styleComponents/VideoStyle.jsx
index ec1107d..3cd470a 100644
--- a/src/styleComponents/VideoStyle.jsx
+++ b/src/styleComponents/VideoStyle.jsx
@@ -1,11 +1,13 @@
import ChatBubbleWing from "./ChatBubbleWing";
+import play from "../assets/genAiIcons/play.svg"
+import brainwaveWhite from "../assets/brainwave-symbol-white.svg"
export const VideoChatMessage = () => {
return (
Video generated!
{
return (
![Loading]({"src/assets/loading.png"})
+ 
+ 
@@ -63,7 +65,7 @@ const Pricing = () => {
className="flex items-center mx-auto w-80 max-w-90 h-30 max-h-20"
>
+