diff --git a/src/components/sections/About.tsx b/src/components/sections/About.tsx new file mode 100644 index 0000000..d6e658d --- /dev/null +++ b/src/components/sections/About.tsx @@ -0,0 +1,10 @@ +export default function About() { + return ( +
+
+

About Us

+

We are at the forefront of the AI revolution.

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/Contact.tsx b/src/components/sections/Contact.tsx new file mode 100644 index 0000000..49b820c --- /dev/null +++ b/src/components/sections/Contact.tsx @@ -0,0 +1,10 @@ +export default function Contact() { + return ( +
+
+

Get in Touch

+

Let's build the future together.

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/FAQ.tsx b/src/components/sections/FAQ.tsx new file mode 100644 index 0000000..097c221 --- /dev/null +++ b/src/components/sections/FAQ.tsx @@ -0,0 +1,10 @@ +export default function FAQ() { + return ( +
+
+

Frequently Asked Questions

+

Your questions, answered.

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/Features.tsx b/src/components/sections/Features.tsx new file mode 100644 index 0000000..c7f1f54 --- /dev/null +++ b/src/components/sections/Features.tsx @@ -0,0 +1,10 @@ +export default function Features() { + return ( +
+
+

Features

+

Discover what makes mekkahAI unique.

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/Footer.tsx b/src/components/sections/Footer.tsx new file mode 100644 index 0000000..0235a5c --- /dev/null +++ b/src/components/sections/Footer.tsx @@ -0,0 +1,9 @@ +export default function Footer() { + return ( + + ); +} \ No newline at end of file diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx new file mode 100644 index 0000000..7e7597b --- /dev/null +++ b/src/components/sections/Hero.tsx @@ -0,0 +1,10 @@ +export default function Hero() { + return ( +
+
+

Crafting the Future with Sentient AI

+

We build intelligent systems that learn, adapt, and create. Experience the new era of AI-powered solutions.

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/Metrics.tsx b/src/components/sections/Metrics.tsx new file mode 100644 index 0000000..3f4eb05 --- /dev/null +++ b/src/components/sections/Metrics.tsx @@ -0,0 +1,10 @@ +export default function Metrics() { + return ( +
+
+

Our Impact in Numbers

+

We deliver tangible results.

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/Nav.tsx b/src/components/sections/Nav.tsx new file mode 100644 index 0000000..0819ab8 --- /dev/null +++ b/src/components/sections/Nav.tsx @@ -0,0 +1,17 @@ +export default function Nav() { + return ( + + ); +} \ No newline at end of file diff --git a/src/components/sections/Pricing.tsx b/src/components/sections/Pricing.tsx new file mode 100644 index 0000000..23a0bb7 --- /dev/null +++ b/src/components/sections/Pricing.tsx @@ -0,0 +1,10 @@ +export default function Pricing() { + return ( +
+
+

Pricing Plans

+

Simple, transparent pricing for teams of all sizes.

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/SocialProof.tsx b/src/components/sections/SocialProof.tsx new file mode 100644 index 0000000..838a2cf --- /dev/null +++ b/src/components/sections/SocialProof.tsx @@ -0,0 +1,9 @@ +export default function SocialProof() { + return ( +
+
+

Trusted by the world's most innovative companies

+
+
+ ); +} \ No newline at end of file diff --git a/src/components/sections/Testimonials.tsx b/src/components/sections/Testimonials.tsx new file mode 100644 index 0000000..facc8a4 --- /dev/null +++ b/src/components/sections/Testimonials.tsx @@ -0,0 +1,10 @@ +export default function Testimonials() { + return ( +
+
+

What Our Clients Say

+

Real stories from real partners.

+
+
+ ); +} \ No newline at end of file diff --git a/src/index.css b/src/index.css index b55a68c..154809b 100644 --- a/src/index.css +++ b/src/index.css @@ -4,15 +4,15 @@ :root { /* @colorThemes/lightTheme/grayBlueAccent */ - --background: #0a0a0a; - --card: #1a1a1a; - --foreground: #ffffffe6; - --primary-cta: #e6e6e6; - --primary-cta-text: #0a0a0a; + --background: #02010a; + --card: #110f24; + --foreground: #f0f0f0e6; + --primary-cta: #8a2be2; + --primary-cta-text: #ffffff; --secondary-cta: #1a1a1a; - --secondary-cta-text: #ffffffe6; - --accent: #737373; - --background-accent: #737373; + --secondary-cta-text: #f0f0f0e6; + --accent: #ff69b4; + --background-accent: #1a1a1a; /* @layout/border-radius/rounded */ --radius: 9999px; @@ -133,13 +133,15 @@ html { body { margin: 0; - background-color: var(--background); + background: linear-gradient(180deg, #1e0a3c 0%, #02010a 30%); color: var(--foreground); font-family: "Inter", sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; overscroll-behavior-y: none; + animation: background-pan 20s linear infinite; + background-size: 100% 200%; } h1, diff --git a/src/styles/animations.css b/src/styles/animations.css index c10b577..bc027cf 100644 --- a/src/styles/animations.css +++ b/src/styles/animations.css @@ -156,3 +156,53 @@ .animate-marquee-horizontal-reverse { animation: marquee-horizontal-reverse 15s linear infinite; } + +@keyframes background-pan { + from { + background-position: 0% 0%; + } + to { + background-position: 0% 100%; + } +} + +@keyframes fade-in-up { + from { + opacity: 0; + transform: translateY(20px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.animate-fade-in-up { + animation: fade-in-up 0.8s ease-out forwards; +} + +@keyframes slide-in-left { + from { + transform: translateX(-100%); + } + to { + transform: translateX(0); + } +} + +.animate-slide-in-left { + animation: slide-in-left 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; +} + +@keyframes slide-in-right { + from { + transform: translateX(100%); + } + to { + transform: translateX(0); + } +} + +.animate-slide-in-right { + animation: slide-in-right 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; +}