+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
-
+
+
+
+
+
+
+
+
+
+
+
+ {/* TOP CTA */}
+
+
+ {/* ===========================
+ PROCESS STEP CARD
+=========================== */}
+
+
+ {/* TOP CTA */}
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/start_project/page.tsx b/app/start_project/page.tsx
new file mode 100644
index 0000000..1a46925
--- /dev/null
+++ b/app/start_project/page.tsx
@@ -0,0 +1,264 @@
+'use client';
+
+import { useState } from "react";
+import toast from "react-hot-toast";
+export default function Start() {
+
+ const [form, setForm] = useState({
+ name: "",
+ company: "",
+ website: "",
+ project_type: "",
+ budget: "",
+ timeline: "",
+ description: ""
+ });
+
+ const [loading, setLoading] = useState(false);
+
+ const handleChange = (e: any) => {
+ setForm({ ...form, [e.target.name]: e.target.value });
+ };
+
+ const handleSubmit = async (e: any) => {
+ e.preventDefault();
+ setLoading(true);
+
+ try {
+ const res = await fetch("/api/submit", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(form),
+ });
+
+ const data = await res.json();
+ console.log(data);
+
+ toast.success("Form Submitted Successfully 🚀");
+
+ setForm({
+ name: "",
+ company: "",
+ website: "",
+ project_type: "",
+ budget: "",
+ timeline: "",
+ description: ""
+ });
+
+ } catch (err) {
+ console.error(err);
+ toast.error("Something went wrong ❌");
+ }
+
+ setLoading(false);
+ };
+
+ return (
+ <>
+
+
+ {/* ===========================
+ CONTACT FORM SECTION
+ =========================== */}
+
+
+ {/* TOP CTA */}
+
+
+ {/* ===========================
+ CASE STUDY ACCORDION
+=========================== */}
+
+
+ {/* TOP CTA */}
+
- To get started, edit the page.tsx file. -
-- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -
+ <> +
+
+
+
-
+
+
+ One Strong Idea.
+
+
+ One Strong Idea.
+
+ Executed Across Every
{" "}
+ Digital Surface.
+
+ + Designing digital homes, brand systems, and scalable content for + modern operators. +
+ +
+ 
+ 
+
+ {/* Top Heading */}
+
+
+
+ {/* Content Row */}
+
+
+ About AaideA
+
+
+ + We build digital homes, brand systems, and scalable content engines + designed for clarity and growth. Everything is structured to help{" "} + + {" "} + fast-moving operators stay consistent, move with precision, and + turn attention into lasting momentum. + +
+
+ {/* Left Counter */}
+
+
+
+ {/* Image */}
+ 10+
+Years Of Creative Excellence
+
+ 
- Deploy Now
-
-
- Documentation
+
+ {/* Content */}
+
- Deploy Now
-
-
- Documentation
+
+ 
+
+
+
+ We build digital homes
++ We build digital homes, brand systems, and scalable content engines + designed for clarity and growth. +
+ + Start a Project{" "} + +
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ {/* Header */}
+
+
+
+ {/* Slider */}
+
+
+ {/* Arrows */}
+ Featured Work
++ We build digital homes, brand systems, and scalable +
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+ {/* CARD */}
+
+
+
+
+ 
+ 
+
+
+
+ HVAC Digital Transformation
++ Turning a legacy service business into a structured digital lead + engine. +
+ + Learn Case
+
+
+
+
+ 
+
+
+
+
+ AchievAR
++ Building a brand system for immersive learning in a fragmented + market. +
+ + Learn Case
+
+
+
+
+ 
+
+
+
+
+ LynkedUp Pro
++ Designing a SaaS platform that bridges vetted talent and + execution. +
+ + Learn Case
+
+
+
+
+ 
+
+
+
+
+ LynkedUp Foundation
++ Turning a legacy service business into a structured digital lead + engine. +
+ + Learn Case
+
+
+
+
+
+
+
+
+
+ HVAC Digital Transformation
++ Turning a legacy service business into a structured digital lead + engine. +
+ + Learn Case
+
+
+
+
+
+
+
+
+
+ AchievAR
++ Building a brand system for immersive learning in a fragmented + market. +
+ + Learn Case
+
+
+
+
+
+
+
+
+
+ LynkedUp Pro
++ Designing a SaaS platform that bridges vetted talent and + execution. +
+ + Learn Case
+
+
+
+
+
+
+
+
+
+ LynkedUp Foundation
++ Turning a legacy service business into a structured digital lead + engine. +
+ + Learn Case
+
+
+ {/* Heading */}
+
+
+
+ {/* Content */}
+ Why AAideA
++ AAideA exists for decision-makers who value clarity over noise. We + don't chase trends. We build structured execution. +
+
+ {/* Image */}
+
+
+
+ {/* Cards */}
+
+ 
+
+
+
+
+
+
+
+
+
+ 01
+
+ Systems over chaos
+
+
+
+ 02
+
+ Taste without ego
+
+
+
+ 03
+
+ AI as amplifier
+
+
+
+ 04
+
+ Built for operators
+
+
+
+ 05
+
+ Structured to scale
+
+
+
+ 06
+
+ Designed to endure
+
+ {/* Header */}
+
+ {/* Slider */}
+
+
+
+
+ {/* Arrows */}
+ + What we build. +
++ We don’t sell services. We build systems that scale. +
+
+ {/* Work section arrows — change to work-prev / work-next */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* CARD */}
+
+
+
+
+
+ 
+
+
+
+
+ Websites & Digital Platforms
++ High-performance marketing sites, SaaS platforms, landing + ecosystems. +
+
+
+ {/* ACTIVE CARD */}
+
+
+ {" "}
+ 
+
+
+
+
+ Brand Systems
++ Identity, structure, messaging architecture, scalable visual + language. +
+
+
+
+
+ {" "}
+ 
+
+
+
+
+ Campaign & Performance Creative
+Conversion-led campaigns across web and social.
+
+
+
+
+ {" "}
+ 
+
+
+
+
+ Motion & Content Systems
+Video, reels, explainers, multi-format content packaging.
+
+
+
+
+ {" "}
+ 
+
+
+
+
+ AI-Accelerated Production
+Structured workflows that amplify execution speed.
+
+
+
+
+ {" "}
+
+
+
+
+
+ Campaign & Performance Creative
+Conversion-led campaigns across web and social.
+
+
+
+
+
+
+
+
+
+ Motion & Content Systems
+Video, reels, explainers, multi-format content packaging.
+
+
+
+
+ {" "}
+
+
+
+
+
+ AI-Accelerated Production
+Structured workflows that amplify execution speed.
+
+
+
+
+ {" "}
+
+
+
+
+
+ Campaign & Performance Creative
+Conversion-led campaigns across web and social.
+
+
+
+
+ {" "}
+
+
+
+
+
+ Motion & Content Systems
+Video, reels, explainers, multi-format content packaging.
+
+
+
+
+
+
+
+
+
+ AI-Accelerated Production
+Structured workflows that amplify execution speed.
+
+ {/* Top Header */}
+
+
+
+
-
+ {/* Steps */}
+
+
+
+ Explore our Process
+
+ Structured execution.
++ Every project follows the same internal discipline. +
+
+
+ {/* STEP 1 */}
+
+
+
+ {/* STEP 2 */}
+
+ STEP 01
+ 
+
+ {/* Arrow */}
+ Absorb
++ We dissect the problem before designing the solution. Positioning. + Constraints. +
+
+
+ 
+
+
+
+
+ {/* STEP 3 */}
+
+ STEP 02
+ 
+
+ {/* Arrow */}
+ Amplify
++ We build the system. Design language. Digital architecture. + AI-assisted iterations. +
+
+
+
+
+
+
+
+
+ STEP 03
+ 
+
+ Activate
++ We ship across formats. Web. Campaign. Motion. Content. + Distribution. +
+
+
+
+
+
);
}
diff --git a/app/process/page.tsx b/app/process/page.tsx
new file mode 100644
index 0000000..bba05ae
--- /dev/null
+++ b/app/process/page.tsx
@@ -0,0 +1,166 @@
+export default function Process() {
+ return (
+ <>
+<>
+
+
+
+ {/* center content */}
+
+
+
+ Structured Execution.
++ Every project follows a disciplined internal model.{" "} +
+
+
+
+ {/* TOP */}
+ 01
+
+ Absorb
++ Deep dive into research, positioning, clarity. +
+ {/* CONTENT */} +
+ {/* IMAGE */}
+
+
+ 
+
+ {/* RIGHT TEXT */}
+
+
+
+
+
+ Research & Discovery
++ We dissect the problem before designing the solution. Market + analysis, competitor mapping, audience profiling, and commercial + constraints all feed into our strategic foundation. +
+
+
+ Positioning
++ Clarity beats cleverness. We define the core idea that + everything else extends from—one narrative that survives scale + and translation across every surface. +
+
+
+ Strategic Framework
++ Commercial logic. Content architecture. Messaging hierarchy. We + build the invisible structure that makes execution possible. +
+
+ {/* TOP */}
+ 02
+
+ Amplify
++ System building. Design logic. AI acceleration. +
+ {/* CONTENT */} +
+ {/* IMAGE */}
+
+
+ 
+
+ {/* RIGHT TEXT */}
+
+
+
+
+
+ Design Systems
++ We don't create isolated deliverables. We build scalable visual + languages—typography, color, components, motion—that maintain + consistency across platforms without creative compromise.{" "} +
+
+
+ Digital Architecture
++ Information structure. User flows. Interface logic. Every screen + is intentional. Every interaction is justified. +
+
+
+ AI-Assisted Iteration
++ We leverage AI to accelerate production without sacrificing + taste. Rapid variations. Content expansion. Format adaptation. + Speed with structure. +
+
+ {/* TOP */}
+ 03
+
+ Activate
+Deployment across formats.
+ {/* CONTENT */} +
+ {/* IMAGE */}
+
+
+ 
+
+ {/* RIGHT TEXT */}
+
+
+
+
+
+ Multi-Format Execution
++ Website. Campaign assets. Motion. Content. Social. The core idea + adapts seamlessly to every channel while maintaining structural + integrity.{" "} +
+
+
+ Distribution Strategy
++ Launch planning. Platform optimization. Performance tracking. We + ensure the work reaches the right audience with maximum impact. +
+
+
+ Ongoing Refinement
++ Digital isn't static. We monitor, iterate, and optimize based on + real-world performance—refining without rebuilding from scratch.{" "} +
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/services/page.tsx b/app/services/page.tsx
new file mode 100644
index 0000000..abc0c17
--- /dev/null
+++ b/app/services/page.tsx
@@ -0,0 +1,196 @@
+import Link from "next/link";
+export default function Services() {
+ return (
+<>
+
+
+
+
+ {/* center content */}
+
+
+
+ We Don't Offer Services.
+
+
+
+ We Don't Offer Services.
+ We Build Systems.
+
+
+ Each vertical is designed to scale brands, revenue, and operations —{" "}
+
+ not just deliver assets.
+
+ {/* LEFT (STICKY) */}
+
+
+
+ {/* RIGHT (CARDS) */}
+ Systems We Build
+Engineered for measurable growth.
++ We don’t just deliver assets. We build interlocked systems designed to + scale your operations and revenue. +
+
+ {/* CARD 1 */}
+
+
+ 
+
+ {/* CARD 2 (DARK) */}
+
+ Digital Platforms & Experience Architecture
++ We design and build high-performance digital platforms structured + for conversion, scale, and integration. +
+ Includes: +-
+
- UX architecture +
- Scalable CMS builds +
- SaaS integrations +
- Conversion systems +
+ 
+
+ {/* CARD 3 */}
+
+ Brand Architecture & Identity Systems
++ We design brands as structured systems — from positioning to + scalable visual identity. +
+ Includes: +-
+
- Positioning +
- Messaging frameworks +
- Identity design +
- Brand guidelines +
+ 
+
+ {/* CARD 4 (DARK) */}
+
+ Campaign Strategy & Performance Systems
+Campaign thinking engineered for measurable growth, not noise.
+ Includes: +-
+
- Campaign architecture +
- Creative direction +
- Performance funnel systems +
- Paid creative frameworks +
+ 
+
+ {/* CARD 5 (GREEN) */}
+
+ Content, Motion & Story Systems
++ Narrative-driven content structured to build consistency and + velocity. +
+ Includes: +-
+
- Video systems +
- Motion design +
- Social content engines +
- Editorial frameworks +
+ 
+
+
+ AI-Powered Production & Automation
++ We integrate intelligent workflows to increase speed, scale, and + precision. +
+ Includes: +-
+
- Automation frameworks +
- AI-assisted production +
- Workflow optimization +
- Toolchain integration +
+ {/* HEADING */}
+
+ How Everything Connects
++ We design and build high-performance digital platforms structured for + conversion, scale, and integration. +
+ {/* FLOW */} +
+
+ {/* BOTTOM TEXT */}
+
+
+
+ 
+
+ Brand
+
+
+ 
+
+
+
+
+
+ 
+
+ Platform
+
+
+
+
+
+
+
+
+ 
+
+ Campaign
+
+
+
+
+
+
+
+
+ 
+
+ Content
+
+
+
+
+
+
+
+
+ 
+
+ Automation
+
+ + Our systems are designed to interlock. Each strengthens the next. +
+
+ {/* center content */}
+
+
+
+ {/* joined users */}
+ Start A Project
++ Tell us what you're building. We'll structure the rest. +
+
+
+
+ 
+ 
+ 
+
+
+
+
+
+ 100+ people already joined
+
+ the AAideA
+
+
+
+ {/* LEFT INFO */}
+
+
+
+
+ {/* RIGHT FORM */}
+ 
+
+
+
+
+ Let's Build it Properly.
++ Tell us what you're building. We'll structure the rest. +
+ +
+
+
+
+ );
+ }
\ No newline at end of file
diff --git a/app/work/page.tsx b/app/work/page.tsx
new file mode 100644
index 0000000..adb6167
--- /dev/null
+++ b/app/work/page.tsx
@@ -0,0 +1,231 @@
+export default function WorkPage() {
+ return (
+<>
+
+
+
+
+ {/* center content */}
+
+
+
+ {/* joined users */}
+ Work
++ Each project begins with one idea. Everything else extends from it. +
+
+
+
+
+
+
+
+
+
+
+
+ 100+ people already joined
+
+ the AAideA
+
+
+
+ {/* ITEM 1 */}
+
+
+
+ {/* ITEM 2 OPEN */}
+ + +
+
+
+
+
+
+ 
+
+
+
+
+
+ Component
+ Brand Identity
+
+
+ Component
+ Website
+
+
+ Component
+ Pitch System
+
+
+ Component
+ Content Deck
+
+
+ Component
+ Demo Motion
+
+
+
+ {/* ITEM 3 */}
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ Component
+ Brand Identity
+
+
+ Component
+ Website
+
+
+ Component
+ Pitch System
+
+
+ Component
+ Content Deck
+
+
+ Component
+ Demo Motion
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ Component
+ Brand Identity
+
+
+ Component
+ Website
+
+
+ Component
+ Pitch System
+
+
+ Component
+ Content Deck
+
+
+ Component
+ Demo Motion
+
+
+
+
+ );
+ }
+
+
diff --git a/package-lock.json b/package-lock.json
index 9df0f2c..9aac192 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,13 @@
"name": "mera-project",
"version": "0.1.0",
"dependencies": {
+ "aos": "^2.3.4",
+ "bootstrap": "^5.3.8",
"next": "16.2.4",
"react": "19.2.4",
- "react-dom": "19.2.4"
+ "react-dom": "19.2.4",
+ "react-hot-toast": "^2.6.0",
+ "swiper": "^12.1.4"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
@@ -1240,6 +1244,17 @@
"node": ">=12.4.0"
}
},
+ "node_modules/@popperjs/core": {
+ "version": "2.11.8",
+ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+ "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+ "license": "MIT",
+ "peer": true,
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/popperjs"
+ }
+ },
"node_modules/@rtsao/scc": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -2209,6 +2224,17 @@
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
}
},
+ "node_modules/aos": {
+ "version": "2.3.4",
+ "resolved": "https://registry.npmjs.org/aos/-/aos-2.3.4.tgz",
+ "integrity": "sha512-zh/ahtR2yME4I51z8IttIt4lC1Nw0ktsFtmeDzID1m9naJnWXhCoARaCgNOGXb5CLy3zm+wqmRAEgMYB5E2HUw==",
+ "license": "MIT",
+ "dependencies": {
+ "classlist-polyfill": "^1.0.3",
+ "lodash.debounce": "^4.0.6",
+ "lodash.throttle": "^4.0.1"
+ }
+ },
"node_modules/argparse": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2458,6 +2484,25 @@
"node": ">=6.0.0"
}
},
+ "node_modules/bootstrap": {
+ "version": "5.3.8",
+ "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
+ "integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/twbs"
+ },
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/bootstrap"
+ }
+ ],
+ "license": "MIT",
+ "peerDependencies": {
+ "@popperjs/core": "^2.11.8"
+ }
+ },
"node_modules/brace-expansion": {
"version": "1.1.14",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
@@ -2613,6 +2658,12 @@
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
+ "node_modules/classlist-polyfill": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/classlist-polyfill/-/classlist-polyfill-1.2.0.tgz",
+ "integrity": "sha512-GzIjNdcEtH4ieA2S8NmrSxv7DfEV5fmixQeyTmqmRmRJPGpRBaSnA2a0VrCjyT8iW8JjEdMbKzDotAJf+ajgaQ==",
+ "license": "Unlicense"
+ },
"node_modules/client-only": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -2672,7 +2723,6 @@
"version": "3.2.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
"integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
- "dev": true,
"license": "MIT"
},
"node_modules/damerau-levenshtein": {
@@ -3784,6 +3834,15 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/goober": {
+ "version": "2.1.18",
+ "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
+ "integrity": "sha512-2vFqsaDVIT9Gz7N6kAL++pLpp41l3PfDuusHcjnGLfR6+huZkl6ziX+zgVC3ZxpqWhzH6pyDdGrCeDhMIvwaxw==",
+ "license": "MIT",
+ "peerDependencies": {
+ "csstype": "^3.0.10"
+ }
+ },
"node_modules/gopd": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -4828,6 +4887,12 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/lodash.debounce": {
+ "version": "4.0.8",
+ "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+ "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+ "license": "MIT"
+ },
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4835,6 +4900,12 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/lodash.throttle": {
+ "version": "4.1.1",
+ "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+ "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+ "license": "MIT"
+ },
"node_modules/loose-envify": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -5443,6 +5514,23 @@
"react": "^19.2.4"
}
},
+ "node_modules/react-hot-toast": {
+ "version": "2.6.0",
+ "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.6.0.tgz",
+ "integrity": "sha512-bH+2EBMZ4sdyou/DPrfgIouFpcRLCJ+HoCA32UoAYHn6T3Ur5yfcDCeSr5mwldl6pFOsiocmrXMuoCJ1vV8bWg==",
+ "license": "MIT",
+ "dependencies": {
+ "csstype": "^3.1.3",
+ "goober": "^2.1.16"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "peerDependencies": {
+ "react": ">=16",
+ "react-dom": ">=16"
+ }
+ },
"node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -6065,6 +6153,25 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/swiper": {
+ "version": "12.1.4",
+ "resolved": "https://registry.npmjs.org/swiper/-/swiper-12.1.4.tgz",
+ "integrity": "sha512-bihiwoKMOQwW8FfdUbo1DgkVH25E+4ZELIq0oopL1KTKBteLuaTMi/wwFjMxtlhTkk45k3XQ89D1Fvv0spSqBA==",
+ "funding": [
+ {
+ "type": "custom",
+ "url": "https://sponsors.nolimits4web.com"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/nolimits4web"
+ }
+ ],
+ "license": "MIT",
+ "engines": {
+ "node": ">= 4.7.0"
+ }
+ },
"node_modules/tailwindcss": {
"version": "4.2.4",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.4.tgz",
diff --git a/package.json b/package.json
index c6224d5..471022d 100644
--- a/package.json
+++ b/package.json
@@ -9,9 +9,13 @@
"lint": "eslint"
},
"dependencies": {
+ "aos": "^2.3.4",
+ "bootstrap": "^5.3.8",
"next": "16.2.4",
"react": "19.2.4",
- "react-dom": "19.2.4"
+ "react-dom": "19.2.4",
+ "react-hot-toast": "^2.6.0",
+ "swiper": "^12.1.4"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
new file mode 100644
index 0000000..3132d46
--- /dev/null
+++ b/public/assets/css/style.css
@@ -0,0 +1,1817 @@
+@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap');
+:root {
+ --primary: #BCEA3E;
+ --text-dark: #111;
+ --text-light: #666;
+}
+ul {
+ margin-bottom: 0 !important;
+}
+body {
+ font-family: "Parkinsans", sans-serif;
+}
+h2 {
+ font-style: normal;
+ font-weight: 500;
+ font-size: 26px;
+ color: black;
+}
+.ux-body {
+ color: #fff;
+ font-family: "Parkinsans", sans-serif;
+}
+
+/* NAVBAR */
+.ux-header {
+ padding: 20px 0;
+ position: absolute;
+ z-index: 9;
+ width: 100%;
+}
+
+.ux-navbar {
+ background: rgba(255,255,255,0.05);
+ padding: 15px 25px;
+ border-radius: 12px;
+}
+
+.ux-nav {
+ list-style: none;
+ gap: 30px;
+ display: flex;
+}
+
+.ux-nav-cta {
+ color: var(--primary);
+}
+
+/* HERO */
+.ux-hero-section {
+ background: url(../images/homeback.png);
+ padding: 200px 0 60px;
+ background-repeat: no-repeat;
+ background-position: top center, bottom center;
+ background-size: 100% auto;
+}
+
+.ux-hero-title {
+ font-size: 52px;
+ font-weight: 700;
+ line-height: 1.2;
+ color: white;
+}
+
+.ux-text-highlight {
+ color: var(--primary);
+}
+
+.ux-hero-subtitle {
+ color: #aaa;
+ margin: 20px 0;
+ width: 60%;
+ margin: 20px auto 0;
+}
+
+
+.ux-btn-secondary {
+ background: #1c1c1c;
+ color: #fff !important;
+ border-radius: 30px;
+ padding: 13px 25px;
+ border: 1px solid #ffffff3b;
+}
+
+/* BOTTOM SECTION */
+.ux-bottom-wrapper {
+ margin-top: 80px;
+ align-items: self-end !important;
+}
+
+.ux-img-card img {
+ border-radius: 20px;
+}
+
+/* STAT BOX */
+.ux-stat-box {
+ border-radius: 15px;
+ padding: 21px 30px;
+ height: 100%;
+}
+
+.ux-light {
+ background: #FFFFFF;
+ color: #000;
+ text-align: center;
+ padding: 52px 0;
+}
+.ux-light p {
+ color: #909090;
+ margin-top: 10px;
+}
+.ux-dark p {
+ font-size: 22px;
+ line-height: 29px;
+ font-weight: 500;
+ color: white;
+}
+.ux-dark h2 {
+ color: white;
+ font-size: 41px;
+}
+.ux-dark {
+ background: linear-gradient(145.02deg, rgba(255, 255, 255, 0.0039) 5.29%, rgba(255, 255, 255, 0.39) 102.4%);
+ backdrop-filter: blur(112px);
+ border-radius: 20px;
+}
+.ux-dark h5 {
+ font-size: 22px;
+ line-height: 29px;
+ color: white;
+}
+.ux-counter {
+ font-size: 40px;
+ font-weight: 500;
+ color: black;
+}
+
+
+
+/* SECTION */
+.ux-about-section {
+ padding: 80px 0;
+ background: #ffffff;
+}
+
+/* COMMON HEADINGS */
+.ux-section-label {
+ font-size: 16px;
+ color: #000000;
+ width: 36%;
+ font-weight: 500;
+ margin-top: 8px;
+}
+.ux-main-heading span {
+ color: #727272;
+}
+.ux-main-heading {
+ line-height: 1.4;
+ color: var(--text-dark);
+}
+
+.ux-sub-heading {
+ margin-top: 10px;
+ color: var(--text-light);
+ font-size: 18px;
+ line-height: 1.6;
+}
+
+/* COUNTER */
+.ux-big-counter {
+ font-size: 70px;
+ font-weight: 700;
+ color: #000000;
+ margin-bottom: 0px;
+}
+
+.ux-small-text {
+ color: #000000;
+ width: 60%;
+}
+
+/* IMAGE */
+.ux-about-img {
+ border-radius: 16px;
+ /* max-width: 310px; */
+ width: 100%;
+ height: 310px;
+ object-fit: cover;
+}
+
+/* CONTENT */
+.ux-card-title {
+ font-weight: 600;
+ margin-bottom: 10px;
+ color: black;
+ font-size: 20px;
+}
+
+.ux-card-text {
+ color: black;
+ margin-bottom: 20px;
+ max-width: 80%;
+}
+
+/* COMMON BUTTON (GLOBAL USE) */
+.ux-btn-primary:hover {
+ background: var(--primary);
+}
+.ux-btn-primary {
+ display: inline-flex;
+ align-items: center;
+ gap: 10px;
+ background: var(--primary);
+ color: #000;
+ padding: 6px 6px 6px 30px;
+ border-radius: 30px;
+ text-decoration: none;
+ font-weight: 500;
+ transition: 0.3s;
+ border: unset;
+}
+
+.ux-btn-primary:hover {
+ transform: translateY(-2px);
+ color: black;
+}
+
+.ux-btn-icon {
+ background: #000;
+ color: #fff;
+ border-radius: 50%;
+ padding: 8px 12px;
+}
+
+/* LOGOS */
+.ux-logo-box {
+ background: #fff;
+ border: 1px solid #e5e5e5;
+ padding: 20px;
+ text-align: center;
+ border-radius: 12px;
+ font-weight: 600;
+ color: #999;
+}
+.ux-work-section {
+ padding: 0px 0 70px;
+ background: #ffffff;
+}
+
+/* HEADER */
+.ux-swiper-nav {
+ display: flex;
+ gap: 15px;
+}
+
+.ux-arrow.active {
+ border-color: var(--primary);
+ color: var(--primary);
+}
+
+/* CARD */
+.ux-work-card img {
+ border-radius: 16px;
+ margin-bottom: 30px;
+ height: 300px;
+ object-fit: cover;
+ width: 100%;
+}
+
+.ux-work-card h4 {
+ font-weight: 600;
+ color: black;
+ font-size: 19px;
+}
+
+.ux-work-card p {
+ color: #666;
+ font-size: 14px;
+}
+
+.ux-link {
+ color: var(--primary);
+ font-weight: 300;
+ text-decoration: none;
+}
+.ux-link img {
+ margin: 0;
+ width: auto;
+ height: auto;
+}
+/* SWIPER */
+.ux-work-swiper {
+ padding-top: 20px;
+}
+
+
+.ux-why-section {
+ padding: 100px 0;
+ background: #F8F8F8;
+}
+
+/* IMAGE */
+.ux-why-img img {
+ border-radius: 16px;
+ width: 100%;
+ height: 295px;
+}
+
+/* CARD */
+.ux-why-card {
+ background: #ffffff;
+ padding: 22px 30px;
+ border-radius: 15px;
+ position: relative;
+ height: 100%;
+ transition: 0.3s;
+}
+
+/* Bottom green line */
+.ux-why-card::after {
+ content: "";
+ position: absolute;
+ bottom: 0;
+ left: 13px;
+ margin: 0 auto;
+ width: 90%;
+ height: 3px;
+ background: var(--primary);
+ border-radius: 0 0 16px 16px;
+}
+
+/* Number */
+.ux-number {
+ font-size: 32px;
+ font-weight: 700;
+ color: #bbb;
+ display: block;
+ margin-bottom: 13px;
+}
+
+/* Text */
+.ux-why-card h6 {
+ font-size: 17px;
+ font-weight: 500;
+ color: #111;
+}
+
+/* Hover */
+.ux-why-card:hover {
+ transform: translateY(-5px);
+ background: #fff;
+}
+.ux-build-section {
+ padding: 80px 0;
+ background: url(../images/SELLSERVICE.png);
+}
+
+/* SWIPER */
+.ux-build-swiper {
+ padding-top: 40px;
+}
+
+/* CARD */
+.ux-build-card {
+ background: #111616bf;
+ border-radius: 15px;
+ padding: 40px;
+ height: 100%;
+ transition: all 0.4s ease;
+}
+
+.ux-build-card h5 {
+ color: #fff;
+ font-weight: 600;
+ font-size: 20px;
+ line-height: 29px;
+ min-height: 120px;
+ margin-top: 20px;
+}
+
+.ux-build-card p {
+ color: #aaa;
+ margin-top: 0;
+ min-height: 90px;
+}
+
+/* ACTIVE CENTER CARD */
+.swiper-slide-active .ux-build-card span {}
+.swiper-slide-active .ux-build-card span img {}
+/* .swiper-slide-active .ux-build-card {background: var(--primary);}
+.swiper-slide-active h5 {
+ color: black;
+}
+.swiper-slide-active p {
+ color: black;
+} */
+
+/* SIDE FADE */
+
+
+.ux-arrow img {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+}
+
+.ux-arrow.active {
+ border-color: var(--primary);
+ color: var(--primary);
+}
+.ux-process-section {
+ padding: 80px 0;
+ background: #F8F8F8;
+}
+
+/* CARD */
+.ux-process-card {
+ width: 96%;
+ padding: 30px;
+ height: 100%;
+ position: relative;
+ background: #FFFFFF;
+ border: 1px solid #EBEBEB;
+ box-shadow: 15px 20px 45px rgba(233, 233, 233, 0.25);
+ border-radius: 15px;
+}
+
+.ux-process-card img {
+ border-radius: 12px;
+ margin-top: 20px;
+}
+
+/* STEP TEXT */
+.ux-step {
+ font-size: 28px;
+ font-weight: 700;
+ display: block;
+ margin-bottom: 10px;
+ -webkit-text-stroke: 1px #DEDEDE;
+}
+
+.ux-process-card h4 {
+ font-weight: 600;
+ color: black;
+ margin: 0 0 20px;
+}
+
+.ux-process-card p {
+ color: #131313;
+ font-size: 15px;
+}
+
+/* ARROW BETWEEN CARDS */
+.ux-step-arrow {
+ position: absolute;
+ right: -6px;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+/* ===============================
+ CTA + FOOTER EXACT DESIGN
+=================================*/
+
+.ux-footer-wrapper{
+ background:#020807;
+ color:#fff;
+ overflow:hidden;
+}
+
+/* ===============================
+ TOP HERO CTA
+=================================*/
+.ux-footer-hero{
+ position:relative;
+ padding: 90px 0 90px;
+ background: url(../images/ideastrongback.png);
+}
+
+.ux-footer-hero-content{
+ position:relative;
+ z-index:2;
+}
+.ux-footer-hero-content .ux-hero-actions {
+ margin-top: 20px;
+}
+.ux-footer-title{
+ font-size: 30px;
+ font-weight:600;
+ margin: 12px 0 14px;
+ color:#fff;
+}
+
+/* BUTTON */
+.ux-footer-cta-btn{
+ display:inline-flex;
+ align-items:center;
+ gap:14px;
+ padding:8px 8px 8px 28px;
+ background:#c8ff2d;
+ border-radius:60px;
+ text-decoration:none;
+ font-weight:600;
+ color:#000;
+ font-size:18px;
+}
+
+.ux-footer-cta-btn .ux-btn-icon{
+ width:44px;
+ height:44px;
+ border-radius:50%;
+ background:#121212;
+ color:#fff;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+ font-size:18px;
+}
+
+/* ===============================
+ MAIN FOOTER
+=================================*/
+.ux-main-footer{
+ background:#010605;
+ background: url(../images/footerback.png);
+}
+
+.ux-footer-grid{
+ display:grid;
+ grid-template-columns: 1.1fr 1fr;
+ border-left:1px solid rgba(255,255,255,.08);
+ border-right:1px solid rgba(255,255,255,.08);
+}
+
+/* LEFT */
+.ux-footer-left{
+ padding:42px 38px;
+ border-right: 1px solid rgb(255 255 255 / 9%);
+}
+
+.ux-footer-logo{
+ font-size:56px;
+ font-weight:700;
+ margin-bottom:22px;
+ letter-spacing:-1px;
+}
+
+.ux-footer-desc{
+ max-width: 480px;
+ color:rgba(255,255,255,.78);
+ line-height:1.8;
+ font-size: 16px;
+ margin:0;
+ margin-top: 20px;
+}
+
+/* RIGHT */
+.ux-footer-right{
+ display:grid;
+ grid-template-columns: repeat(3,1fr);
+}
+
+.ux-footer-links{
+ padding: 42px 20px;
+}
+
+.ux-footer-links h6{
+ color:rgba(255,255,255,.45);
+ font-size: 18px;
+ font-weight: 600;
+ margin-bottom: 18px;
+ letter-spacing:.5px;
+}
+
+.ux-footer-links a{
+ display:block;
+ color:#fff;
+ text-decoration:none;
+ margin-bottom: 14px;
+ font-size: 15px;
+ transition:.3s;
+}
+
+.ux-footer-links a:hover{
+ color:#c8ff2d;
+ transform:translateX(4px);
+}
+
+/* ===============================
+ BOTTOM BAR
+=================================*/
+.ux-footer-bottom{
+ display:flex;
+ justify-content:space-between;
+ align-items:center;
+ gap:20px;
+ padding:18px 32px;
+ border: 1px solid rgb(255 255 255 / 11%);
+}
+
+.ux-footer-bottom p{
+ margin:0;
+ color:rgba(255,255,255,.45);
+ font-size: 14px;
+}
+
+.ux-footer-social{
+ display:flex;
+ align-items:center;
+ gap:18px;
+}
+
+.ux-footer-social a{
+ color:rgba(255,255,255,.70);
+ font-size:18px;
+ transition:.3s;
+}
+
+.ux-footer-social a:hover{
+ color:#c8ff2d;
+ transform:translateY(-2px);
+}
+/* ===============================
+ START PROJECT HERO
+=================================*/
+.ux-project-hero{
+ background-image: url(../images/breadcamp.png);
+ position:relative;
+ /* min-height: 400px; */
+ overflow:hidden;
+ padding: 190px 0 100px;
+ background-size: cover;
+ background-position: revert;
+}
+/* breadcrumb */
+.ux-breadcrumb-wrap{
+ display:flex;
+ align-items:center;
+ justify-content:center;
+ gap:10px;
+ margin-top:15px;
+ margin-bottom:90px;
+}
+
+.ux-breadcrumb-wrap a{
+ color:rgba(255,255,255,.45);
+ text-decoration:none;
+ font-size:15px;
+}
+
+.ux-breadcrumb-wrap span{
+ color:rgba(255,255,255,.25);
+}
+
+.ux-breadcrumb-wrap p{
+ margin:0;
+ color:#d2ff33;
+ font-size:15px;
+}
+
+/* center content */
+.ux-project-content{
+ position:relative;
+ z-index:2;
+}
+
+.ux-project-title{
+ font-size: 50px;
+ color:#fff;
+ margin-bottom: 8px;
+}
+
+.ux-project-subtitle{
+ font-size: 18px;
+ color:rgba(255,255,255,.88);
+ margin:0;
+}
+
+/* joined box */
+.ux-joined-box{
+ position:absolute;
+ right:8%;
+ bottom: 50px;
+ display:flex;
+ align-items:center;
+ gap:18px;
+ z-index:2;
+}
+
+.ux-avatar-group{
+ display:flex;
+}
+
+.ux-avatar-group img{
+ width:64px;
+ height:64px;
+ border-radius:50%;
+ object-fit:cover;
+ border:3px solid #fff;
+ margin-left:-14px;
+}
+
+.ux-avatar-group img:first-child{
+ margin-left:0;
+}
+
+.ux-joined-box p{
+ margin:0;
+ color:#fff;
+ font-size:16px;
+ line-height:1.55;
+ font-weight: 400;
+}
+
+/* ===============================
+ CONTACT FORM SECTION
+=================================*/
+.ux-contact-section{
+ padding:90px 0;
+}
+
+/* LEFT BOX */
+.ux-contact-left{
+ background: #F8F8F8;
+ padding: 30px 40px;
+}
+
+.ux-contact-link{
+ display:block;
+ font-size: 25px;
+ font-weight:500;
+ color:#111;
+ margin-bottom: 15px;
+ text-decoration:underline;
+}
+
+.ux-contact-email{
+ display:block;
+ font-size: 35px;
+ font-weight: 700;
+ color:#111;
+ text-decoration:underline;
+ line-height:1.1;
+ margin-bottom:80px;
+}
+
+.ux-social-list a{
+ display:block;
+ color:#111;
+ font-size: 20px;
+ font-weight:600;
+ text-decoration:none;
+ margin-bottom: 15px;
+ transition:.3s;
+}
+
+.ux-social-list a:hover{
+ padding-left:8px;
+}
+
+/* RIGHT BOX */
+.ux-contact-box{
+ background: #F8F8F8;
+ padding: 40px 35px;
+}
+
+.ux-contact-mini{
+ font-size:20px;
+ color:#111;
+ margin-bottom:8px;
+}
+
+.ux-contact-title{
+ font-size: 26px;
+ line-height: 1.4;
+ font-weight: 600;
+ color:#111;
+ margin-bottom:38px;
+ max-width: 460px;
+}
+
+/* LABEL */
+.ux-contact-box label{
+ display:block;
+ font-size: 16px;
+ font-weight: 500;
+ margin-bottom:10px;
+ color:#111;
+}
+
+/* INPUT */
+.ux-input{
+ height: 56px;
+ border-radius:40px;
+ border:1px solid #d8d8d8;
+ padding:0 22px;
+ font-size:18px;
+ background:#f7f7f7;
+ box-shadow:none !important;
+}
+
+.ux-input.active{
+ border:1px solid #b8e72f;
+}
+
+.ux-input:focus{
+ border-color:#b8e72f;
+}
+
+/* TEXTAREA */
+.ux-textarea{
+ border-radius:26px;
+ border:1px solid #d8d8d8;
+ padding:18px 22px;
+ font-size:18px;
+ background:#f7f7f7;
+ resize:none;
+ box-shadow:none !important;
+}
+
+.ux-textarea:focus{
+ border-color:#b8e72f;
+}
+
+/* ===============================
+ CASE ACCORDION
+=================================*/
+.ux-case-section{
+ background:#f4f4f4;
+ padding:90px 0;
+}
+
+.ux-case-item{
+ border:1px solid #dddddd !important;
+ border-radius:24px !important;
+ overflow:hidden;
+ margin-bottom:28px;
+ background: #ffffff;
+}
+
+.ux-case-btn{
+ background: #ffffff !important;
+ box-shadow:none !important;
+ padding:38px 45px !important;
+ align-items:center;
+ background: #FFFFFF;
+ box-shadow: 15px 20px 45px rgba(233, 233, 233, 0.25);
+ border-radius: 15px;
+}
+
+.ux-case-btn::after{
+ background-size:18px;
+ width:22px;
+ height:22px;
+}
+
+.ux-case-head{
+ text-align:left;
+ width: 80%;
+}
+
+.ux-case-head h3{
+ font-size: 29px;
+ font-weight: 600;
+ margin-bottom:10px;
+ color:#111;
+}
+
+.ux-case-head p{
+ margin:0;
+ font-size: 18px;
+ color: #1A1D20;
+}
+
+.ux-case-right{
+ margin-left:auto;
+ padding-right:30px;
+}
+
+.ux-case-right span{
+ color:#b3e200;
+ font-size: 18px;
+ font-weight:500;
+}
+
+/* BODY */
+.ux-case-body{
+ padding:0 45px 45px !important;
+}
+
+.ux-case-inner{
+ background: #F9F9F9;
+ border-radius:18px;
+ padding:26px;
+ display:grid;
+ grid-template-columns:340px 1fr;
+ gap:30px;
+ align-items: center;
+}
+
+.ux-case-img{
+ width:100%;
+ height:230px;
+ object-fit:cover;
+ border-radius:14px;
+}
+
+.ux-case-grid{
+ display:grid;
+ grid-template-columns:repeat(3,1fr);
+ gap:35px 30px;
+ align-content:start;
+}
+
+.ux-case-grid div{
+ border-left:3px solid #b3e200;
+ padding-left:14px;
+}
+
+.ux-case-grid small{
+ display:block;
+ font-size: 14px;
+ color:#666;
+ margin-bottom:5px;
+}
+
+.ux-case-grid strong{
+ display:block;
+ font-size: 20px;
+ color:#111;
+ line-height:1.25;
+}
+/* ===============================
+ CASE RESULT SECTION
+=================================*/
+.ux-result-section{
+ padding:90px 0;
+}
+
+/* COMMON BOX */
+.ux-result-box,
+.ux-deliver-box{
+ background: #ffffff;
+ padding:38px;
+ border: 1px solid #EBEBEB;
+ box-shadow: 15px 20px 45px rgba(233, 233, 233, 0.25);
+ border-radius: 15px;
+}
+
+/* TOP */
+.ux-result-box{
+ display:grid;
+ grid-template-columns:1.3fr .9fr;
+ margin-bottom:90px;
+}
+
+.ux-result-left{
+ padding-right: 26px;
+ border-right:1px solid #e3e3e3;
+}
+
+.ux-result-right{
+ padding-left: 30px;
+}
+.accordion-header .collapsed {}
+.ux-step-label{
+ font-size: 16px;
+ color:#222;
+ margin-bottom:8px;
+}
+
+.ux-result-heading{
+ font-size: 22px;
+ font-weight: 600;
+ color:#111;
+ margin-bottom: 18px;
+}
+
+/* GRID CARD */
+.ux-build-grid{
+ display:grid;
+ grid-template-columns:repeat(4,1fr);
+ gap:14px;
+}
+
+.ux-ai-grid{
+ display:grid;
+ grid-template-columns:repeat(3,1fr);
+ gap:14px;
+}
+
+.ux-mini-card{
+ background: #ffffff;
+ border: 1px solid #E8E8E8;
+ border-radius:18px;
+ padding: 17px 15px;
+ min-height: 60px;
+ position:relative;
+}
+
+.ux-mini-card.active{
+ border: 1px solid #C4F022;
+}
+
+.ux-mini-card span{
+ position:absolute;
+ top:12px;
+ right:16px;
+ font-size:46px;
+ font-weight:700;
+ /* color:#ececec; */
+ -webkit-text-stroke: 1px #DEDEDE;
+}
+
+.ux-mini-card p{
+ font-size: 15px;
+ line-height: 1.35;
+ color:#222;
+ margin: 78px 0 0;
+}
+
+/* BOTTOM */
+.ux-deliver-box{
+ display:grid;
+ grid-template-columns:.9fr 1fr .8fr;
+ gap:45px;
+ align-items:center;
+}
+
+.ux-deliver-list{
+ padding:0;
+ margin:0;
+ list-style:none;
+}
+
+.ux-deliver-list li{
+ font-size: 16px;
+ margin-bottom:18px;
+ color:#222;
+ position:relative;
+ padding-left:18px;
+}
+
+.ux-deliver-list li::before{
+ content:"";
+ width:8px;
+ height:8px;
+ border-radius:50%;
+ background:#b7e226;
+ position:absolute;
+ left:0;
+ top:11px;
+}
+
+.ux-deliver-center img{
+ width:100%;
+ height: 300px;
+ object-fit:cover;
+ border-radius:22px;
+}
+
+.ux-deliver-right p{
+ font-size: 16px;
+ line-height:1.45;
+ color:#222;
+ margin-bottom:32px;
+}
+
+.ux-result-btn{
+ display:inline-block;
+ background:#c5ef2c;
+ color:#111;
+ text-decoration:none;
+ font-size: 16px;
+ font-weight:600;
+ padding:16px 28px;
+ border-radius:50px;
+}
+/* ===============================
+ PROCESS STEP CARD
+=================================*/
+.ux-process-step-section{
+ padding:80px 0;
+ background: #FBFBFB;
+}
+
+.ux-process-step-box{
+ border-radius:24px;
+ padding:34px 38px 38px;
+ margin: 0 0 50px;
+ border: 1px solid #EBEBEB;
+ box-shadow: 15px 20px 45px rgba(233, 233, 233, 0.25);
+ border-radius: 15px;
+}
+
+/* NUMBER */
+.ux-process-number{
+ display:block;
+ font-size: 29px;
+ font-weight:700;
+ line-height:1;
+ margin-bottom:8px;
+ -webkit-text-stroke: 1px #DEDEDE;
+ color: snow;
+}
+
+/* TITLE */
+.ux-process-title{
+ font-size: 28px;
+ font-weight:700;
+ color:#111;
+ margin-bottom: 7px;
+}
+
+.ux-process-subtitle{
+ font-size: 16px;
+ color: #000000;
+ margin-bottom: 26px;
+}
+
+/* GRID */
+.ux-process-grid{
+ display:grid;
+ grid-template-columns:1fr 1fr;
+ gap:40px;
+ align-items:center;
+}
+
+/* IMAGE */
+.ux-process-image img{
+ width:100%;
+ height: 420px;
+ object-fit:cover;
+ border-radius:24px;
+}
+
+/* RIGHT CONTENT */
+.ux-process-content{
+ padding-right:20px;
+}
+
+.ux-process-item{
+ margin-bottom:38px;
+ position:relative;
+ padding-left:18px;
+}
+
+.ux-process-item:last-child{
+ margin-bottom:0;
+}
+
+.ux-process-item::before{
+ content:"";
+ width:9px;
+ height:9px;
+ border-radius:50%;
+ background:#b7e226;
+ position:absolute;
+ left:0;
+ top:14px;
+}
+
+.ux-process-item h4{
+ font-size: 18px;
+ font-weight:700;
+ color:#111;
+ margin-bottom:10px;
+}
+
+.ux-process-item p{
+ font-size: 14px;
+ line-height:1.45;
+ color:#777;
+ margin:0;
+}
+.breacampoffline p {
+ width: 33%;
+}
+.breacampoffline {
+ display: flex;
+ align-items: self-start;
+ margin-top: 40px;
+ width: 100%;
+ gap: 20px;
+ justify-content: center;
+ margin: 50px auto 0;
+}
+.systems-wrapper {
+ display: flex;
+ gap: 80px;
+ margin: auto;
+ padding: 80px 20px;
+}
+
+/* LEFT */
+.systems-left {
+ width: 45%;
+ position: sticky;
+ top: 90px;
+ height: fit-content;
+}
+
+.small-label {
+ font-size: 13px;
+ color: #000000;
+ margin-bottom: 21px;
+}
+
+.systems-left h2 {
+ font-size: 20px;
+ margin-bottom: 15px;
+ color: black;
+}
+
+.systems-left .desc {
+ color: #666;
+ font-size: 15px;
+ line-height: 1.6;
+ width: 70%;
+}
+
+/* RIGHT */
+.systems-right {
+ width: 65%;
+ display: flex;
+ flex-direction: column;
+ gap: 25px;
+}
+
+/* CARD BASE */
+.system-card {
+ padding: 28px;
+ border-radius: 14px;
+ transition: 0.3s;
+}
+.dark h4 {
+ color: white !important;
+}
+.dark li {
+ color: white !important;
+}
+.dark a {
+ color: white !important;
+}
+.system-card h4 {
+ margin-bottom: 14px;
+ font-size: 18px;
+ color: black;
+}
+
+.system-card p {
+ font-size: 14px;
+ margin-bottom: 20px;
+ color: #121212;
+}
+
+/* LIST */
+.system-card ul {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ padding: 0;
+ gap: 5px;
+ list-style: none;
+ margin-bottom: 15px !important;
+ margin-top: 19px;
+}
+
+.system-card ul li {
+ font-size: 14px;
+ margin-bottom: 8px;
+ position: relative;
+ padding-left: 18px;
+ color: black;
+}
+
+.system-card ul li::before {
+ content: "✔";
+ position: absolute;
+ left: 0;
+ color: #b7f34d;
+ font-size: 12px;
+}
+.system-card span {
+ color: #99A1AF;
+}
+/* LINKS */
+.system-card a {
+ font-size: 17px;
+ text-decoration: none;
+ color: black;
+ font-weight: 500;
+}
+
+/* VARIANTS */
+.system-card.light {
+ background: #fff;
+ border: 1px solid #eee;
+}
+
+.system-card.dark {
+ background: #111;
+ color: #fff;
+}
+
+.system-card.dark p {
+ color: #bbb;
+}
+
+.system-card.highlight {
+ background: var(--primary);
+ color: #000;
+}
+
+.system-card.highlight ul li::before {
+ color: #000;
+}
+
+/* HOVER */
+.system-card:hover {
+ transform: translateY(-5px);
+}
+.connect-section {
+ background: #FBFBFB;
+ text-align: center;
+ padding: 80px 0px 40px;
+}
+
+.connect-section h2 {
+ font-size: 30px;
+ margin-bottom: 10px;
+ color: black;
+}
+
+.subtitle {
+ color: #666;
+ font-size: 14px;
+ max-width: 600px;
+ margin: 0 auto 40px;
+}
+
+/* FLOW */
+.connect-flow {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+
+/* ITEM */
+.flow-item {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 10px 40px 10px 10px;
+ border-radius: 40px;
+ border: 1.5px solid var(--primary);
+ background: #fff;
+ font-size: 14px;
+ color: black;
+ font-weight: 600;
+ box-shadow: 15px 20px 45px rgba(233, 233, 233, 0.25);
+ border-radius: 100px;
+}
+
+/* ICON */
+.flow-item .icon {
+ width: 38px;
+ height: 38px;
+ border-radius: 50%;
+ border: 1.5px solid #b7f34d;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 14px;
+ position: relative;
+}
+
+/* ARROW */
+.arrow {
+ color: #b7f34d;
+ font-size: 20px;
+ margin: 0 5px;
+}
+.ux-hero-actions {margin: 0 auto;width: 100%;display: flex;gap: 20px;align-items: center;justify-content: center;margin-top: 40px;}
+/* BOTTOM TEXT */
+.bottom-text {
+ margin-top: 40px;
+ font-size: 22px;
+ color: #222;
+ max-width: 600px;
+ margin: 40px auto;
+}
+.system-card img {
+ margin: 0 0 20px;
+}
+/* =====================================
+ APPROACH SECTION
+===================================== */
+.ux-approach-section{
+ background:#f7f7f7;
+ padding:110px 0;
+}
+.ux-about-section .ux-section-label {
+ width: 100%;
+}
+.ux-label{
+ font-size: 16px;
+ color:#111;
+ display:block;
+ margin-bottom:18px;
+}
+.ux-section-desc{
+ font-size: 19px;
+ line-height:1.4;
+ color:#111;
+ max-width:620px;
+ margin-left:auto;
+}
+
+.ux-card{
+ background:#fff;
+ border:1px solid #e7e7e7;
+ border-radius:22px;
+ padding: 28px 24px;
+ height:100%;
+ transition:0.4s;
+}
+
+.ux-card:hover{
+ transform:translateY(-8px);
+ box-shadow:0 20px 40px rgba(0,0,0,0.08);
+}
+
+.ux-card-top{
+ display:flex;
+ justify-content:space-between;
+ margin-bottom: 40px;
+}
+
+.ux-icon{
+ font-size:28px;
+ color:#c6bfbf;
+ text-align: end;
+}
+
+.ux-num{
+ font-size: 13px;
+ color:#111;
+}
+
+.ux-card h4{
+ font-size: 22px;
+ font-weight:700;
+ color:#111;
+ margin-bottom: 10px;
+}
+
+.ux-card p{
+ font-size: 13px;
+ line-height:1.8;
+ color:#6d7280;
+ margin:0;
+}
+
+
+/* =====================================
+ DELIVER SECTION
+===================================== */
+.ux-deliver-section{
+ background:#f7f7f7;
+ padding:30px 0 110px;
+}
+.ux-deliver-section h2 {
+ margin: 0 0 30px;
+}
+
+.ux-deliver-list{
+ border:1px solid #e4e4e4;
+ border-radius: 10px;
+ padding: 16px 18px;
+ margin-bottom:16px;
+ font-size: 15px;
+ color:#111;
+ background:#fff;
+ transition:0.3s;
+}
+
+.ux-deliver-list span{
+ margin-right: 7px;
+ font-size: 14px;
+}
+
+.ux-deliver-list.active,
+.ux-deliver-list:hover{
+ background:#edf3dc;
+ border-color:#b8db2f;
+}
+
+.ux-snapshot-box{
+ background:#b7e52f;
+ padding:48px;
+ border-radius:22px;
+ /* height:100%; */
+}
+
+.ux-snapshot-box small{
+ font-size: 17px;
+ font-weight:700;
+ letter-spacing:1px;
+ color:#111;
+}
+
+.ux-snapshot-box hr{
+ margin: 17px 0 22px;
+ border-color:rgba(0,0,0,0.2);
+}
+
+.ux-mini-title{
+ font-size: 13px;
+ font-weight:700;
+ color:#5c6a1a;
+ margin-top: 30px !important;
+}
+
+.ux-snapshot-box h4{
+ font-size: 19px;
+ line-height: 1.4;
+ font-weight:700;
+ color:#111;
+ margin-top: 7px;
+}
+
+.ux-snapshot-box h2{
+ font-size: 48px;
+ font-weight:800;
+ color:#111;
+ margin:18px 0 10px;
+}
+
+.ux-snapshot-box p{
+ margin-top: 21px !important;
+ font-size: 21px;
+ line-height:1.5;
+ color:#111;
+ margin:0;
+}
+
+
+.ux-growth-section{
+ position:relative;
+ overflow:hidden;
+ margin: 40px auto;
+ background: rgba(0, 0, 0, 0.16);
+ backdrop-filter: blur(107.5px);
+ border-radius: 15px 15px 0px 0px;
+ margin-bottom: 0;
+}
+
+/* green blur left bottom */
+.ux-growth-glow{
+ position:absolute;
+ width:280px;
+ height:280px;
+ left:-90px;
+ bottom:-80px;
+ border-radius:50%;
+ background:#b7e52f;
+ filter:blur(140px);
+ opacity:0.18;
+}
+
+/* label */
+.ux-growth-label{
+ color:#ffffff;
+ font-size: 16px;
+ display:block;
+ margin-bottom:28px;
+}
+
+/* heading */
+.ux-growth-title{
+ color:#ffffff;
+ font-size: 30px;
+ line-height:1.15;
+ font-weight: 500;
+ margin-bottom: 8px;
+}
+
+/* subtitle */
+.ux-growth-subtitle{
+ color:#ffffff;
+ font-size: 16px;
+ line-height: 26px;
+ margin-bottom: 30px;
+}
+
+/* small text */
+.ux-growth-small{
+ color: #d7d7d7;
+ font-size: 16px;
+ margin-bottom: 19px;
+}
+
+/* list */
+.ux-growth-list{
+ padding:0;
+ margin:0;
+ list-style:none;
+}
+
+.ux-growth-list li{
+ color:#ffffff;
+ font-size: 16px;
+ margin-bottom:20px;
+ position:relative;
+ padding-left: 20px;
+}
+
+.ux-growth-list li::before{
+ content:"✓";
+ position:absolute;
+ left:0;
+ top:0;
+ color:#b7e52f;
+ font-weight:700;
+}
+
+/* bottom paragraph */
+.ux-growth-bottom{
+ margin-top: 15px;
+ color: #807d7d;
+ font-size: 20px;
+ line-height:1.5;
+ font-weight:500;
+}
+
+/* image */
+.ux-growth-image-box{
+ border:1px solid rgba(255,255,255,0.08);
+ border-radius:8px;
+ padding:12px;
+ background:#0b0e0e;
+}
+
+.ux-growth-image-box img{
+ width:100%;
+ border-radius:3px;
+ display:block;
+ object-fit:cover;
+}
+.ux-project-heropad {
+ padding-bottom: 0px !important;
+}
+
+
+
+.ux-navbar {
+ background: #111a1a;
+ padding: 18px 30px;
+ border-radius: 14px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.ux-logo { color: #fff; }
+
+.ux-nav {
+ display: flex;
+ gap: 25px;
+ list-style: none;
+ color: #fff;
+}
+.ux-nav li a {
+ COLOR: white;
+ text-decoration: unset;
+}
+.ux-nav-cta { color: #baff00; }
+
+/* TOGGLE ICON */
+.ux-menu {
+ width: 26px;
+ height: 26px;
+ position: relative;
+ cursor: pointer;
+}
+
+.icon {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ transition: 0.3s;
+}
+
+.close-icon {
+ opacity: 0;
+ transform: rotate(90deg);
+}
+
+.ux-menu.active .open-icon {
+ opacity: 0;
+ transform: rotate(90deg);
+}
+
+.ux-menu.active .close-icon {
+ opacity: 1;
+ transform: rotate(0);
+}
+
+/* RIGHT PANEL */
+.contact-panel h4 {
+ color: black;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+.contact-panel p {
+ color: black;
+ display: flex;
+ align-items: flex-start;
+ gap: 10px;
+ margin-top: 20px;
+}
+.contact-panel {
+ position: fixed;
+ top: 100px;
+ right: -350px;
+ width: 320px;
+ background: #ffffff;
+ padding: 20px;
+ border-radius: 12px;
+ transition: 0.4s ease;
+}
+
+/* OPEN STATE */
+.contact-panel.active {
+ right: 40px;
+}
+.displayflexhead {
+ display: flex;
+ width: 62%;
+}
+
+.images {
+ display: flex;
+ gap: 10px;
+ margin: 15px 0 30px;
+}
+
+.images img {
+ width: 90px;
+ height: 90px;
+ border-radius: 10px;
+}
+
+.ux-build-swiper .swiper-slide {
+ width: 330px;
+}
+
+.swiper {
+ overflow: hidden;
+}
+
+
+.swiper-slide {
+}
+
+.swiper-slide-active {
+ opacity: 1;
+ transform: scale(1);
+}
+.existpadd {
+ margin-top: 30px;
+}
+.main-headingexit {
+ width: 90%;
+}
+.partners-wrapper {
+ display: grid;
+ grid-template-columns: repeat(6, 1fr);
+ gap: 10px;
+ }
+ /* ITEM */
+ .partner-item {
+ height: 100px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: #fff;
+ transition: 0.3s;
+ border: 1px solid #EAEAEA;
+ border-radius: 10px;
+ }
+ /* REMOVE LAST BORDER */
+ .partner-item:last-child {
+ border-right: none;
+ }
+ /* IMAGE */
+ .partner-item img {
+ max-width: 120px;
+ opacity: 0.6;
+ transition: 0.3s;
+ }
+ /* HOVER */
+ .partner-item:hover img {
+ opacity: 1;
+ transform: scale(1.05);
+ }
+ .ux-navbar img {
+ width: 100%;
+ height: 100%;
+}
+ .ux-footer-left img {
+ width: auto;
+ height: auto;
+}
\ No newline at end of file
diff --git a/public/assets/images/AI-Accelerated.svg b/public/assets/images/AI-Accelerated.svg
new file mode 100644
index 0000000..3857d7e
--- /dev/null
+++ b/public/assets/images/AI-Accelerated.svg
@@ -0,0 +1,15 @@
+
diff --git a/public/assets/images/AI-Powered.svg b/public/assets/images/AI-Powered.svg
new file mode 100644
index 0000000..aeaa348
--- /dev/null
+++ b/public/assets/images/AI-Powered.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/Absorb.png b/public/assets/images/Absorb.png
new file mode 100644
index 0000000..2131bc1
Binary files /dev/null and b/public/assets/images/Absorb.png differ
diff --git a/public/assets/images/Absorbhome.png b/public/assets/images/Absorbhome.png
new file mode 100644
index 0000000..431c238
Binary files /dev/null and b/public/assets/images/Absorbhome.png differ
diff --git a/public/assets/images/AchievAR.png b/public/assets/images/AchievAR.png
new file mode 100644
index 0000000..52c0a86
Binary files /dev/null and b/public/assets/images/AchievAR.png differ
diff --git a/public/assets/images/AchievAR1.png b/public/assets/images/AchievAR1.png
new file mode 100644
index 0000000..83dda58
Binary files /dev/null and b/public/assets/images/AchievAR1.png differ
diff --git a/public/assets/images/Activate.png b/public/assets/images/Activate.png
new file mode 100644
index 0000000..8c008ef
Binary files /dev/null and b/public/assets/images/Activate.png differ
diff --git a/public/assets/images/Activatehome.png b/public/assets/images/Activatehome.png
new file mode 100644
index 0000000..59aec08
Binary files /dev/null and b/public/assets/images/Activatehome.png differ
diff --git a/public/assets/images/Amplify.png b/public/assets/images/Amplify.png
new file mode 100644
index 0000000..bf374f8
Binary files /dev/null and b/public/assets/images/Amplify.png differ
diff --git a/public/assets/images/Amplifyhome.png b/public/assets/images/Amplifyhome.png
new file mode 100644
index 0000000..89d8a8e
Binary files /dev/null and b/public/assets/images/Amplifyhome.png differ
diff --git a/public/assets/images/Architecture.svg b/public/assets/images/Architecture.svg
new file mode 100644
index 0000000..1edf1fb
--- /dev/null
+++ b/public/assets/images/Architecture.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/Automation.png b/public/assets/images/Automation.png
new file mode 100644
index 0000000..759a5f3
Binary files /dev/null and b/public/assets/images/Automation.png differ
diff --git a/public/assets/images/Brand.svg b/public/assets/images/Brand.svg
new file mode 100644
index 0000000..18d6d71
--- /dev/null
+++ b/public/assets/images/Brand.svg
@@ -0,0 +1,29 @@
+
diff --git a/public/assets/images/Brand1.png b/public/assets/images/Brand1.png
new file mode 100644
index 0000000..af2d171
Binary files /dev/null and b/public/assets/images/Brand1.png differ
diff --git a/public/assets/images/Brand1.svg b/public/assets/images/Brand1.svg
new file mode 100644
index 0000000..9d02b9f
--- /dev/null
+++ b/public/assets/images/Brand1.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/BrandsBuilt.png b/public/assets/images/BrandsBuilt.png
new file mode 100644
index 0000000..fd03cee
Binary files /dev/null and b/public/assets/images/BrandsBuilt.png differ
diff --git a/public/assets/images/Built.svg b/public/assets/images/Built.svg
new file mode 100644
index 0000000..d4dd662
--- /dev/null
+++ b/public/assets/images/Built.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/Campaign.svg b/public/assets/images/Campaign.svg
new file mode 100644
index 0000000..b0498f1
--- /dev/null
+++ b/public/assets/images/Campaign.svg
@@ -0,0 +1,28 @@
+
diff --git a/public/assets/images/Campaign1.svg b/public/assets/images/Campaign1.svg
new file mode 100644
index 0000000..7a063e8
--- /dev/null
+++ b/public/assets/images/Campaign1.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/Campaigns.png b/public/assets/images/Campaigns.png
new file mode 100644
index 0000000..eb6f413
Binary files /dev/null and b/public/assets/images/Campaigns.png differ
diff --git a/public/assets/images/Content.png b/public/assets/images/Content.png
new file mode 100644
index 0000000..92daeed
Binary files /dev/null and b/public/assets/images/Content.png differ
diff --git a/public/assets/images/Content.svg b/public/assets/images/Content.svg
new file mode 100644
index 0000000..78324e4
--- /dev/null
+++ b/public/assets/images/Content.svg
@@ -0,0 +1,27 @@
+
diff --git a/public/assets/images/Delivered.png b/public/assets/images/Delivered.png
new file mode 100644
index 0000000..c0bc410
Binary files /dev/null and b/public/assets/images/Delivered.png differ
diff --git a/public/assets/images/Designed.svg b/public/assets/images/Designed.svg
new file mode 100644
index 0000000..40f9c48
--- /dev/null
+++ b/public/assets/images/Designed.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/Digital Transformation.png b/public/assets/images/Digital Transformation.png
new file mode 100644
index 0000000..93c84e3
Binary files /dev/null and b/public/assets/images/Digital Transformation.png differ
diff --git a/public/assets/images/Digital.svg b/public/assets/images/Digital.svg
new file mode 100644
index 0000000..40ccb57
--- /dev/null
+++ b/public/assets/images/Digital.svg
@@ -0,0 +1,28 @@
+
diff --git a/public/assets/images/Everything.svg b/public/assets/images/Everything.svg
new file mode 100644
index 0000000..0bcc9db
--- /dev/null
+++ b/public/assets/images/Everything.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/Intelligent.png b/public/assets/images/Intelligent.png
new file mode 100644
index 0000000..e3904ef
Binary files /dev/null and b/public/assets/images/Intelligent.png differ
diff --git a/public/assets/images/Motion.svg b/public/assets/images/Motion.svg
new file mode 100644
index 0000000..751ad0c
--- /dev/null
+++ b/public/assets/images/Motion.svg
@@ -0,0 +1,12 @@
+
diff --git a/public/assets/images/Onestrong.png b/public/assets/images/Onestrong.png
new file mode 100644
index 0000000..25d92fe
Binary files /dev/null and b/public/assets/images/Onestrong.png differ
diff --git a/public/assets/images/Onestrong1.png b/public/assets/images/Onestrong1.png
new file mode 100644
index 0000000..466c183
Binary files /dev/null and b/public/assets/images/Onestrong1.png differ
diff --git a/public/assets/images/Philosophy.png b/public/assets/images/Philosophy.png
new file mode 100644
index 0000000..a28df26
Binary files /dev/null and b/public/assets/images/Philosophy.png differ
diff --git a/public/assets/images/Platform.svg b/public/assets/images/Platform.svg
new file mode 100644
index 0000000..ba85b27
--- /dev/null
+++ b/public/assets/images/Platform.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/SELLSERVICE.png b/public/assets/images/SELLSERVICE.png
new file mode 100644
index 0000000..8a647f9
Binary files /dev/null and b/public/assets/images/SELLSERVICE.png differ
diff --git a/public/assets/images/Trusted.svg b/public/assets/images/Trusted.svg
new file mode 100644
index 0000000..68eeba7
--- /dev/null
+++ b/public/assets/images/Trusted.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/Websitesdesign.svg b/public/assets/images/Websitesdesign.svg
new file mode 100644
index 0000000..7eb3922
--- /dev/null
+++ b/public/assets/images/Websitesdesign.svg
@@ -0,0 +1,21 @@
+
diff --git a/public/assets/images/Why AAideA.png b/public/assets/images/Why AAideA.png
new file mode 100644
index 0000000..c6194d3
Binary files /dev/null and b/public/assets/images/Why AAideA.png differ
diff --git a/public/assets/images/arrowbuttonwhite.svg b/public/assets/images/arrowbuttonwhite.svg
new file mode 100644
index 0000000..f91d71b
--- /dev/null
+++ b/public/assets/images/arrowbuttonwhite.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/arrowforward.svg b/public/assets/images/arrowforward.svg
new file mode 100644
index 0000000..62d673d
--- /dev/null
+++ b/public/assets/images/arrowforward.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/arrowlearn.svg b/public/assets/images/arrowlearn.svg
new file mode 100644
index 0000000..6c05054
--- /dev/null
+++ b/public/assets/images/arrowlearn.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/arrownext.png b/public/assets/images/arrownext.png
new file mode 100644
index 0000000..390f802
Binary files /dev/null and b/public/assets/images/arrownext.png differ
diff --git a/public/assets/images/arrowpre.png b/public/assets/images/arrowpre.png
new file mode 100644
index 0000000..036cc12
Binary files /dev/null and b/public/assets/images/arrowpre.png differ
diff --git a/public/assets/images/brandart.png b/public/assets/images/brandart.png
new file mode 100644
index 0000000..8c0e3ae
Binary files /dev/null and b/public/assets/images/brandart.png differ
diff --git a/public/assets/images/brandsystem.svg b/public/assets/images/brandsystem.svg
new file mode 100644
index 0000000..6b87ef4
--- /dev/null
+++ b/public/assets/images/brandsystem.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/assets/images/breadcamp.png b/public/assets/images/breadcamp.png
new file mode 100644
index 0000000..2b930fe
Binary files /dev/null and b/public/assets/images/breadcamp.png differ
diff --git a/public/assets/images/campaignicon.svg b/public/assets/images/campaignicon.svg
new file mode 100644
index 0000000..0dade6d
--- /dev/null
+++ b/public/assets/images/campaignicon.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/closetoggle.svg b/public/assets/images/closetoggle.svg
new file mode 100644
index 0000000..0f13ec4
--- /dev/null
+++ b/public/assets/images/closetoggle.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/content1.svg b/public/assets/images/content1.svg
new file mode 100644
index 0000000..35a4591
--- /dev/null
+++ b/public/assets/images/content1.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/digitalabout.png b/public/assets/images/digitalabout.png
new file mode 100644
index 0000000..6e60e9c
Binary files /dev/null and b/public/assets/images/digitalabout.png differ
diff --git a/public/assets/images/email.svg b/public/assets/images/email.svg
new file mode 100644
index 0000000..b4fdbde
--- /dev/null
+++ b/public/assets/images/email.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/facebook.svg b/public/assets/images/facebook.svg
new file mode 100644
index 0000000..6df609b
--- /dev/null
+++ b/public/assets/images/facebook.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/flower.svg b/public/assets/images/flower.svg
new file mode 100644
index 0000000..68eeba7
--- /dev/null
+++ b/public/assets/images/flower.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/footerback.png b/public/assets/images/footerback.png
new file mode 100644
index 0000000..40942c3
Binary files /dev/null and b/public/assets/images/footerback.png differ
diff --git a/public/assets/images/footerlogo.png b/public/assets/images/footerlogo.png
new file mode 100644
index 0000000..94e5fbd
Binary files /dev/null and b/public/assets/images/footerlogo.png differ
diff --git a/public/assets/images/foundation.png b/public/assets/images/foundation.png
new file mode 100644
index 0000000..7c44b63
Binary files /dev/null and b/public/assets/images/foundation.png differ
diff --git a/public/assets/images/fullcasearrow.svg b/public/assets/images/fullcasearrow.svg
new file mode 100644
index 0000000..bd4d9c8
--- /dev/null
+++ b/public/assets/images/fullcasearrow.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/hello.svg b/public/assets/images/hello.svg
new file mode 100644
index 0000000..88e7ede
--- /dev/null
+++ b/public/assets/images/hello.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/homeback.png b/public/assets/images/homeback.png
new file mode 100644
index 0000000..5bc2ee1
Binary files /dev/null and b/public/assets/images/homeback.png differ
diff --git a/public/assets/images/ideastrongback 1.png b/public/assets/images/ideastrongback 1.png
new file mode 100644
index 0000000..d50363e
Binary files /dev/null and b/public/assets/images/ideastrongback 1.png differ
diff --git a/public/assets/images/ideastrongback.png b/public/assets/images/ideastrongback.png
new file mode 100644
index 0000000..bc249c0
Binary files /dev/null and b/public/assets/images/ideastrongback.png differ
diff --git a/public/assets/images/instagram.svg b/public/assets/images/instagram.svg
new file mode 100644
index 0000000..13c5bfa
--- /dev/null
+++ b/public/assets/images/instagram.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/kohler.png b/public/assets/images/kohler.png
new file mode 100644
index 0000000..dea6405
Binary files /dev/null and b/public/assets/images/kohler.png differ
diff --git a/public/assets/images/linkdien.svg b/public/assets/images/linkdien.svg
new file mode 100644
index 0000000..ac5c702
--- /dev/null
+++ b/public/assets/images/linkdien.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/assets/images/location.svg b/public/assets/images/location.svg
new file mode 100644
index 0000000..9411521
--- /dev/null
+++ b/public/assets/images/location.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/lutron.png b/public/assets/images/lutron.png
new file mode 100644
index 0000000..b295500
Binary files /dev/null and b/public/assets/images/lutron.png differ
diff --git a/public/assets/images/menutoggle.svg b/public/assets/images/menutoggle.svg
new file mode 100644
index 0000000..2b34909
--- /dev/null
+++ b/public/assets/images/menutoggle.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/nest.png b/public/assets/images/nest.png
new file mode 100644
index 0000000..ad9436b
Binary files /dev/null and b/public/assets/images/nest.png differ
diff --git a/public/assets/images/popup1.png b/public/assets/images/popup1.png
new file mode 100644
index 0000000..878c244
Binary files /dev/null and b/public/assets/images/popup1.png differ
diff --git a/public/assets/images/popup2.png b/public/assets/images/popup2.png
new file mode 100644
index 0000000..4b102ee
Binary files /dev/null and b/public/assets/images/popup2.png differ
diff --git a/public/assets/images/popup3.png b/public/assets/images/popup3.png
new file mode 100644
index 0000000..969e171
Binary files /dev/null and b/public/assets/images/popup3.png differ
diff --git a/public/assets/images/pro.png b/public/assets/images/pro.png
new file mode 100644
index 0000000..4f9aba0
Binary files /dev/null and b/public/assets/images/pro.png differ
diff --git a/public/assets/images/ring.png b/public/assets/images/ring.png
new file mode 100644
index 0000000..15bf1bc
Binary files /dev/null and b/public/assets/images/ring.png differ
diff --git a/public/assets/images/samsung.png b/public/assets/images/samsung.png
new file mode 100644
index 0000000..9cb5bd7
Binary files /dev/null and b/public/assets/images/samsung.png differ
diff --git a/public/assets/images/sherwin.png b/public/assets/images/sherwin.png
new file mode 100644
index 0000000..48f8f07
Binary files /dev/null and b/public/assets/images/sherwin.png differ
diff --git a/public/assets/images/twitter.svg b/public/assets/images/twitter.svg
new file mode 100644
index 0000000..45c5571
--- /dev/null
+++ b/public/assets/images/twitter.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/assets/images/user1.png b/public/assets/images/user1.png
new file mode 100644
index 0000000..196173d
Binary files /dev/null and b/public/assets/images/user1.png differ
diff --git a/public/assets/images/user2.png b/public/assets/images/user2.png
new file mode 100644
index 0000000..da936ca
Binary files /dev/null and b/public/assets/images/user2.png differ
diff --git a/public/assets/images/user3.png b/public/assets/images/user3.png
new file mode 100644
index 0000000..41e0655
Binary files /dev/null and b/public/assets/images/user3.png differ
diff --git a/public/assets/images/witterarrow.svg b/public/assets/images/witterarrow.svg
new file mode 100644
index 0000000..3ba1d48
--- /dev/null
+++ b/public/assets/images/witterarrow.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/assets/images/youtube.svg b/public/assets/images/youtube.svg
new file mode 100644
index 0000000..88dc30e
--- /dev/null
+++ b/public/assets/images/youtube.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/assets/js/main.js b/public/assets/js/main.js
new file mode 100644
index 0000000..e24d74d
--- /dev/null
+++ b/public/assets/js/main.js
@@ -0,0 +1,68 @@
+const buildSwiper = new Swiper('.ux-build-swiper', {
+ slidesPerView: 'auto',
+ centeredSlides: true,
+ loop: true,
+ spaceBetween: 30,
+ speed: 800,
+
+ autoplay: {
+ delay: 2500,
+ disableOnInteraction: false,
+ pauseOnMouseEnter: true,
+ },
+
+ navigation: {
+ nextEl: '.build-next',
+ prevEl: '.build-prev',
+ },
+});
+
+
+// Counter Animation
+const counters = document.querySelectorAll('.ux-counter');
+
+counters.forEach(counter => {
+ const update = () => {
+ const target = +counter.getAttribute('data-count');
+ const count = +counter.innerText;
+
+ const inc = target / 50;
+
+ if (count < target) {
+ counter.innerText = Math.ceil(count + inc);
+ setTimeout(update, 30);
+ } else {
+ counter.innerText = target + '+';
+ }
+ };
+
+ update();
+});
+
+
+
+
+const workSwiper = new Swiper('.ux-work-swiper', {
+slidesPerView: 3,
+spaceBetween: 25,
+loop: true,
+loopAdditionalSlides: 3, // 👈 important
+speed: 4000,
+
+autoplay: {
+ delay: 0,
+ disableOnInteraction: false,
+},
+
+navigation: {
+ nextEl: '.work-next',
+ prevEl: '.work-prev',
+},
+
+breakpoints: {
+ 0: { slidesPerView: 1.2 },
+ 576: { slidesPerView: 2 },
+ 768: { slidesPerView: 3 },
+ 1200: { slidesPerView: 3 }
+}
+});
\ No newline at end of file
+
+
+