diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..cea4f2d --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,52 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import TextAbout from "@/components/sections/about/TextAbout"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import { Users } from "lucide-react"; + +export default function AboutPage() { + return ( + + + +
+

Our Mission

+

To empower businesses with world-class digital experiences that drive growth, engagement, and lasting impact.

+

Our Vision

+

To be the industry leader in high-performance digital solutions, setting new standards for design, accessibility, and technology.

+

Our Values

+
    +
  • Innovation first: Always pushing boundaries.
    • +
  • Transparency: Building trust through clear communication.
    • +
  • Quality: Excellence in every pixel and line of code.
    • +
  • Collaboration: Your success is our success.
    • +
+
+ + + ); +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..a6f0a06 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,50 @@ +"use client"; + +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import ContactSplit from "@/components/sections/contact/ContactSplit"; +import FooterBase from "@/components/sections/footer/FooterBase"; + +export default function ContactPage() { + return ( + + + +
+ +
+ + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 0165d48..5c17e15 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -35,10 +35,11 @@ export default function WebAgency2Page() { navItems={[ { name: "Work", id: "work" }, { name: "Services", id: "services" }, + { name: "Pricing", id: "pricing" }, { name: "About", id: "about" }, { name: "Contact", id: "contact" }, ]} - button={{ text: "Get Started", href: "#contact" }} + button={{ text: "Get Started", href: "/contact" }} /> - - - - - + + + + + ); +} \ No newline at end of file diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx new file mode 100644 index 0000000..115a6a1 --- /dev/null +++ b/src/app/pricing/page.tsx @@ -0,0 +1,64 @@ +"use client"; + +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import PricingCardEight from "@/components/sections/pricing/PricingCardEight"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import { Zap } from "lucide-react"; + +export default function PricingPage() { + return ( + + + +
+ +
+ + + + ); +} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx new file mode 100644 index 0000000..dd65e90 --- /dev/null +++ b/src/app/services/page.tsx @@ -0,0 +1,52 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import FeatureCardSix from "@/components/sections/feature/FeatureCardSix"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import { Monitor, Shield, Zap, Palette } from "lucide-react"; + +export default function ServicesPage() { + return ( + + + + + + ); +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 858b8d0..43b1285 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #0a0a0a; - --card: #161616; - --foreground: #f0f0f0; - --primary-cta: #ffffff; + --background: #f0f4f8; + --card: #ffffff; + --foreground: #1a2a3a; + --primary-cta: #2a5c82; --primary-cta-text: #0a0a0a; - --secondary-cta: #1e1e1e; + --secondary-cta: #e2e8f0; --secondary-cta-text: #e0e0e0; - --accent: #d0d0d0; - --background-accent: #9a9a9a; + --accent: #64748b; + --background-accent: #d1d5db; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); diff --git a/src/app/testimonials/page.tsx b/src/app/testimonials/page.tsx new file mode 100644 index 0000000..c5dd5e1 --- /dev/null +++ b/src/app/testimonials/page.tsx @@ -0,0 +1,39 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; +import FooterBase from "@/components/sections/footer/FooterBase"; + +export default function TestimonialsPage() { + return ( + + + + + + ); +} \ No newline at end of file