diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..583b1f5 --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,130 @@ +"use client"; + +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import MediaAbout from "@/components/sections/about/MediaAbout"; +import TeamCardOne from "@/components/sections/team/TeamCardOne"; +import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import { Users, TrendingUp, Handshake, Briefcase, Star, Lightbulb, Award } from "lucide-react"; + +export default function AboutPage() { + return ( + + + + + + + + + + + + + + + + ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 68b7d16..82580b5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import TeamCardFive from "@/components/sections/team/TeamCardFive"; import FaqBase from "@/components/sections/faq/FaqBase"; import ContactCTA from "@/components/sections/contact/ContactCTA"; -import FooterBase from "@/components/sections/footer/FooterBase"; +import FooterMedia from "@/components/sections/footer/FooterMedia"; import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; import { Sparkles, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users, Globe, LayoutGrid, Palette, Handshake } from "lucide-react"; @@ -34,9 +34,10 @@ export default function WebAgency2Page() { brandName="SyninUs" navItems={[ { name: "Home", id: "#" }, - { name: "About", id: "#team" }, + { name: "Our Team", id: "#team" }, { name: "Services", id: "#services" }, - { name: "Features", id: "#comparison-features" }, + { name: "Our Work", id: "#work" }, + { name: "Why Us", id: "#comparison-features" }, { name: "FAQ", id: "#faq" }, { name: "Contact", id: "#contact" } ]} @@ -47,89 +48,98 @@ export default function WebAgency2Page() { description="SyninUs crafts responsive websites, compelling graphic designs, and strategic business solutions that propel your brand forward." tag="SyninUs: Innovation Meets Excellence" tagIcon={Sparkles} - tagAnimation="slide-up" + tagAnimation="none" background={{ variant: "canvas-reveal" }} buttons={[ { text: "Start Your Project", href: "#contact" }, - { text: "Explore Services", href: "#services" }, + { text: "Explore Services", href: "#services" } ]} - buttonAnimation="slide-up" + buttonAnimation="none" carouselPosition="right" leftCarouselItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg", imageAlt: "Responsive website design on laptop" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440941.jpg", imageAlt: "Brand identity logo design" }, { imageSrc: "http://img.b2bpic.net/free-photo/expert-engineer-designs-complex-circuit-board-connections-generated-by-ai_188544-24553.jpg", imageAlt: "Business strategy meeting" }, { imageSrc: "http://img.b2bpic.net/free-photo/website-development-links-seo-webinar-cyberspace-concept_53876-120953.jpg", imageAlt: "Custom WordPress development" }, - { imageSrc: "http://img.b2bpic.net/free-photo/blank-open-folded-paper-brochure-template_9975-134356.jpg", imageAlt: "Creative graphic design portfolio" }, + { imageSrc: "http://img.b2bpic.net/free-photo/blank-open-folded-paper-brochure-template_9975-134356.jpg", imageAlt: "Creative graphic design portfolio" } ]} rightCarouselItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg", imageAlt: "Digital marketing strategy analytics" }, { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg", imageAlt: "Clean and modern website layout" }, { imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320721.jpg", imageAlt: "Branding guidelines and color palette" }, - { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_53876-167151.jpg", imageAlt: "Mobile responsive website view" }, + { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_53876-167151.jpg", imageAlt: "Mobile responsive website view" } ]} carouselItemClassName="!aspect-[4/5]" /> - - +
+ +
+
+ +
- - - - - + + +
+ +
+
+ +
+
+ +
+ diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx new file mode 100644 index 0000000..e2523e5 --- /dev/null +++ b/src/app/services/page.tsx @@ -0,0 +1,114 @@ +"use client"; + +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import { Monitor, Paintbrush, Briefcase, Code, PenTool, TrendingUp, Sparkles } 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..018e8e2 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; - --primary-cta-text: #0a0a0a; - --secondary-cta: #1e1e1e; - --secondary-cta-text: #e0e0e0; - --accent: #d0d0d0; - --background-accent: #9a9a9a; + --background: #000000; + --card: #0c0c0c; + --foreground: #ffffff; + --primary-cta: #106EFB; + --primary-cta-text: #ffffff; + --secondary-cta: #000000; + --secondary-cta-text: #ffffff; + --accent: #535353; + --background-accent: #106EFB; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);