Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 895cf83f5c | |||
| 38a7a458d9 | |||
| 795c64f7da | |||
| 89db739c5e | |||
| bc576ec09e | |||
| 93ceb7510b |
131
src/app/about/page.tsx
Normal file
131
src/app/about/page.tsx
Normal file
@@ -0,0 +1,131 @@
|
||||
"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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="SyninUs"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Features", id: "/#comparison-features" },
|
||||
{ name: "FAQ", id: "/#faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get in Touch", href: "/contact" }}
|
||||
/>
|
||||
|
||||
<MediaAbout
|
||||
title="About SyninUs: Your Partner in Digital Transformation"
|
||||
description="At SyninUs, we are a passionate team dedicated to crafting exceptional digital experiences. With years of expertise in responsive web development, creative graphic design, and strategic business consultancy, we empower brands to thrive in the ever-evolving digital landscape."
|
||||
tag="Our Journey"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-business-people_1150-13458.jpg"
|
||||
imageAlt="A diverse team collaborating in a modern office environment"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Our Services", href: "/services" },
|
||||
{ text: "Get in Touch", href: "/contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
|
||||
<TeamCardOne
|
||||
title="Meet Our Visionary Team"
|
||||
description="Our collective expertise drives innovation and delivers results, transforming your digital aspirations into reality."
|
||||
animationType="depth-3d"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
members={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Lead Web Developer", imageSrc: "http://img.b2bpic.net/free-photo/startup-programmer-testing-debugging-company-ai-software_482257-118786.jpg", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", name: "Valentina Reyes", role: "Creative Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/digital-media-expert-working-photo-editing-with-professional-software_482257-125064.jpg", imageAlt: "Valentina Reyes" },
|
||||
{ id: "3", name: "Carlos Mendoza", role: "Business Strategist", imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg", imageAlt: "Carlos Mendoza" },
|
||||
{ id: "4", name: "Emily Chen", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-working-office_23-2148234857.jpg", imageAlt: "Emily Chen" },
|
||||
{ id: "5", name: "David Lee", role: "SEO Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg", imageAlt: "David Lee" }
|
||||
]}
|
||||
/>
|
||||
|
||||
<MetricCardEleven
|
||||
title="Our Core Values & Impact"
|
||||
description="We're driven by principles that ensure excellence, client success, and ethical practice in every project."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "innovation", value: "Innovation", title: "Continuous Improvement", description: "Embracing new technologies to deliver cutting-edge solutions.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-binary-code-background_1048-10651.jpg", imageAlt: "Innovation" },
|
||||
{ id: "integrity", value: "Integrity", title: "Transparent & Ethical", description: "Building trust through honest communication and responsible practices.", imageSrc: "http://img.b2bpic.net/free-photo/judgement-gavel_1232-232.jpg", imageAlt: "Integrity" },
|
||||
{ id: "client-focus", value: "Client Focus", title: "Your Success, Our Priority", description: "Tailoring solutions to meet your unique goals and exceed expectations.", imageSrc: "http://img.b2bpic.net/free-photo/handshake-close-up-deal_23-2147920150.jpg", imageAlt: "Client Focus" },
|
||||
{ id: "excellence", value: "Excellence", title: "Uncompromising Quality", description: "Delivering high-quality, impactful digital solutions every time.", imageSrc: "http://img.b2bpic.net/free-photo/gold-cup-podium_1232-205.jpg", imageAlt: "Excellence" }
|
||||
]}
|
||||
/>
|
||||
|
||||
<ContactCTA
|
||||
tag="Let's Connect"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Reach out to us today to discuss how SyninUs can bring your vision to life."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "/contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<FooterBase
|
||||
logoText="SyninUs"
|
||||
copyrightText="© 2024 | SyninUs. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Features", href: "/#comparison-features" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Website Development", href: "/services" },
|
||||
{ label: "Graphic Design", href: "/services" },
|
||||
{ label: "Business Strategy", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Email: infosyninus@gmail.com", href: "mailto:infosyninus@gmail.com" }
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
318
src/app/page.tsx
318
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]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Our Core Digital Services"
|
||||
description="Empowering your business with tailored solutions for a dominant online presence."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "View All Services", href: "#services" }]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Responsive Website Development", description: "Crafting responsive, clean, and customized websites, including robust WordPress solutions.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Responsive website on laptop and tablet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architect-with-wireless-headset-using-laptop-while-working-home-night-sitting-kitchen-industrial-female-engineer-studying-personal-computer-showing-cad-software_482257-14609.jpg", imageAlt: "Clean website design interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-man-choosing-streaming-service-account_23-2147930580.jpg", imageAlt: "WordPress website backend and frontend" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Creative Graphics & Branding", description: "From captivating logos to comprehensive branding and more – visual excellence for your brand.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pie-charts-wooden-cubes-arrangement_23-2148793809.jpg", imageAlt: "Modern logo design concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg", imageAlt: "Branding identity mockups" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg", imageAlt: "Creative design portfolio examples" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Strategic Business Consultancy", description: "Providing market analysis, competitive positioning, and digital transformation strategy to guide your growth.", bentoComponent: "reveal-icon", icon: Handshake,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Showcasing Our Digital Craft"
|
||||
description="Discover impactful projects in responsive web development and creative graphic design."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Work", href: "#work" }]}
|
||||
buttonAnimation="slide-up"
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{
|
||||
title: "E-commerce Platform", description: "Custom responsive website for online retail", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg", imageAlt: "Custom E-commerce Website", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Brand Identity for Startup", description: "Complete logo and branding package", imageSrc: "http://img.b2bpic.net/free-photo/3d-metallic-dollar-sign-symbol-neutral-gradient-background-finance-concepts_84443-91455.jpg", imageAlt: "Startup Brand Identity", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Corporate Website Redesign", description: "Modern, clean, and responsive corporate site", imageSrc: "http://img.b2bpic.net/free-photo/showroom-agent-organizing-test-drive-using-mockup-notebook_482257-123977.jpg", imageAlt: "Corporate Website Redesign", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Marketing Collateral Design", description: "Brochures, flyers, and digital ads", imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-brochure-template-design_23-2151921264.jpg", imageAlt: "Marketing Collateral Design", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "WordPress Blog Development", description: "User-friendly and SEO-optimized blog", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345396.jpg", imageAlt: "WordPress Blog Development", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
/>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Our Core Digital Services"
|
||||
description="Empowering your business with tailored solutions for a dominant online presence."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="none"
|
||||
buttons={[{ text: "View All Services", href: "#services" }]}
|
||||
buttonAnimation="none"
|
||||
features={[
|
||||
{
|
||||
title: "Responsive Website Development", description: "Crafting responsive, clean, and customized websites, including robust WordPress solutions.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Responsive website on laptop and tablet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architect-with-wireless-headset-using-laptop-while-working-home-night-sitting-kitchen-industrial-female-engineer-studying-personal-computer-showing-cad-software_482257-14609.jpg", imageAlt: "Clean website design interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-man-choosing-streaming-service-account_23-2147930580.jpg", imageAlt: "WordPress website backend and frontend" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Creative Graphics & Branding", description: "From captivating logos to comprehensive branding and more – visual excellence for your brand.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pie-charts-wooden-cubes-arrangement_23-2148793809.jpg", imageAlt: "Modern logo design concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg", imageAlt: "Branding identity mockups" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg", imageAlt: "Creative design portfolio examples" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Strategic Business Consultancy", description: "Providing market analysis, competitive positioning, and digital transformation strategy to guide your growth.", bentoComponent: "reveal-icon", icon: Handshake
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="work" data-section="work">
|
||||
<FeatureCardTwentySix
|
||||
title="Showcasing Our Digital Craft"
|
||||
description="Discover impactful projects in responsive web development and creative graphic design."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Work", href: "#work" }]}
|
||||
buttonAnimation="none"
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{
|
||||
title: "E-commerce Platform", description: "Custom responsive website for online retail", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg", imageAlt: "Custom E-commerce Website", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"
|
||||
},
|
||||
{
|
||||
title: "Brand Identity for Startup", description: "Complete logo and branding package", imageSrc: "http://img.b2bpic.net/free-photo/3d-metallic-dollar-sign-symbol-neutral-gradient-background-finance-concepts_84443-91455.jpg", imageAlt: "Startup Brand Identity", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"
|
||||
},
|
||||
{
|
||||
title: "Corporate Website Redesign", description: "Modern, clean, and responsive corporate site", imageSrc: "http://img.b2bpic.net/free-photo/showroom-agent-organizing-test-drive-using-mockup-notebook_482257-123977.jpg", imageAlt: "Corporate Website Redesign", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"
|
||||
},
|
||||
{
|
||||
title: "Marketing Collateral Design", description: "Brochures, flyers, and digital ads", imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-brochure-template-design_23-2151921264.jpg", imageAlt: "Marketing Collateral Design", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"
|
||||
},
|
||||
{
|
||||
title: "WordPress Blog Development", description: "User-friendly and SEO-optimized blog", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345396.jpg", imageAlt: "WordPress Blog Development", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FeatureBento
|
||||
title="Why Choose SyninUs?"
|
||||
description="Experience the SyninUs advantage: where innovative solutions meet unwavering commitment to your success."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
animationType="none"
|
||||
features={[
|
||||
{
|
||||
title: "Seamless Multi-Device Experience", description: "Ensuring your website looks and performs flawlessly across all desktops, tablets, and mobile devices.", bentoComponent: "phone", statusIcon: Lock,
|
||||
@@ -142,30 +152,32 @@ export default function WebAgency2Page() {
|
||||
{ name: "Design", icon: Palette },
|
||||
{ name: "Strategy", icon: TrendingUp },
|
||||
{ name: "Settings", icon: Settings },
|
||||
{ name: "Global", icon: Globe },
|
||||
],
|
||||
{ name: "Global", icon: Globe }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Robust Security & Reliability", description: "Providing enterprise-grade security and 99.9% uptime for peace of mind.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
title: "Robust Security & Reliability", description: "Providing enterprise-grade security and 99.9% uptime for peace of mind.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Efficient Project Delivery", description: "Streamlined processes for timely launch without compromising quality.", bentoComponent: "timeline", heading: "Project Launch", subheading: "Week 1", items: [
|
||||
{ label: "Discovery & Planning", detail: "Day 1-3" },
|
||||
{ label: "Design & Development", detail: "Day 4-10" },
|
||||
{ label: "Testing & Deployment", detail: "Day 11-14" },
|
||||
{ label: "Testing & Deployment", detail: "Day 11-14" }
|
||||
],
|
||||
completedLabel: "Live"},
|
||||
completedLabel: "Live"
|
||||
},
|
||||
{
|
||||
title: "Tailored Customization", description: "Delivering bespoke solutions perfectly aligned with your unique business needs and brand identity.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
|
||||
items: [
|
||||
{ icon: Shield },
|
||||
{ icon: Monitor },
|
||||
{ icon: Zap },
|
||||
{ icon: TrendingUp },
|
||||
],
|
||||
{ icon: TrendingUp }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Strategic Growth Partnership", description: "More than just a service provider, we're your partner in achieving sustainable digital growth.", bentoComponent: "line-chart"},
|
||||
title: "Strategic Growth Partnership", description: "More than just a service provider, we're your partner in achieving sustainable digital growth.", bentoComponent: "line-chart"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
@@ -173,10 +185,10 @@ export default function WebAgency2Page() {
|
||||
rating={5}
|
||||
author="— A Satisfied Client, Business Owner"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg", alt: "Client Avatar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg", alt: "Client Avatar" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
ratingAnimation="none"
|
||||
avatarsAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
@@ -185,92 +197,110 @@ export default function WebAgency2Page() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
animationType="none"
|
||||
metrics={[
|
||||
{ id: "projects", value: "100+", title: "Projects", description: "Successfully delivered creative and strategic projects.", icon: Award },
|
||||
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Client satisfaction rate – our commitment to your success.", icon: Users },
|
||||
{ id: "years", value: "8+", title: "Years", description: "Of empowering businesses with innovative digital solutions.", icon: TrendingUp },
|
||||
{ id: "years", value: "8+", title: "Years", description: "Of empowering businesses with innovative digital solutions.", icon: TrendingUp }
|
||||
]}
|
||||
/>
|
||||
<FeatureCardSixteen
|
||||
title="SyninUs vs. The Rest: The Clear Advantage"
|
||||
description="Discover why partnering with SyninUs leads to superior digital outcomes compared to other agencies."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic templates with no personality", "Slow load times and poor performance", "Lack of true customization and flexibility", "Outdated design that hurts credibility", "No dedicated post-launch support"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Custom designs tailored to your unique brand", "Lightning-fast performance on all devices", "Bespoke solutions perfectly matching your vision", "Modern design that builds trust and engagement", "Dedicated support and ongoing maintenance"],
|
||||
}}
|
||||
/>
|
||||
<TeamCardFive
|
||||
title="Meet the Minds Behind SyninUs"
|
||||
description="Our dedicated team of experts is passionate about bringing your vision to life with innovation and precision."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
mediaClassName="object-[65%_center]"
|
||||
team={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Lead Web Developer", imageSrc: "http://img.b2bpic.net/free-photo/startup-programmer-testing-debugging-company-ai-software_482257-118786.jpg", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", name: "Valentina Reyes", role: "Creative Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/digital-media-expert-working-photo-editing-with-professional-software_482257-125064.jpg", imageAlt: "Valentina Reyes" },
|
||||
{ id: "3", name: "Carlos Mendoza", role: "Business Strategist", imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg", imageAlt: "Carlos Mendoza" },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
title="Your Questions, Our Answers"
|
||||
description="Find clarity on how SyninUs operates and how we can best serve your digital needs."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How long does a typical project take?", content: "Project timelines vary based on scope, but we always aim for efficient delivery. We'll outline a clear schedule during our initial consultation."
|
||||
},
|
||||
{ id: "2", title: "What is your pricing structure?", content: "Our pricing is customized per project, ensuring you get transparent value for responsive web development, graphic design, and strategic insights."
|
||||
},
|
||||
{ id: "3", title: "Do you offer ongoing maintenance?", content: "Yes, we offer comprehensive post-launch support and maintenance to ensure your digital assets remain optimal and secure."
|
||||
},
|
||||
{ id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in modernizing existing websites with a focus on improved responsiveness, design, and performance."
|
||||
},
|
||||
{ id: "5", title: "What technologies do you use?", content: "We utilize modern, robust technologies like Next.js, React, and WordPress for scalable, high-performing, and easily maintainable digital solutions."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Ready for Excellence?"
|
||||
title="Let's Craft Your Digital Success Story"
|
||||
description="Connect with SyninUs today for a consultation and discover how our innovation can elevate your brand."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Get a Free Consultation", href: "#contact" },
|
||||
{ text: "View Our Portfolio", href: "#work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
<div id="comparison-features" data-section="comparison-features">
|
||||
<FeatureCardSixteen
|
||||
title="SyninUs vs. The Rest: The Clear Advantage"
|
||||
description="Discover why partnering with SyninUs leads to superior digital outcomes compared to other agencies."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="none"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic templates with no personality", "Slow load times and poor performance", "Lack of true customization and flexibility", "Outdated design that hurts credibility", "No dedicated post-launch support"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Custom designs tailored to your unique brand", "Lightning-fast performance on all devices", "Bespoke solutions perfectly matching your vision", "Modern design that builds trust and engagement", "Dedicated support and ongoing maintenance"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
title="Meet the Minds Behind SyninUs"
|
||||
description="Our dedicated team of experts is passionate about bringing your vision to life with innovation and precision."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="none"
|
||||
mediaClassName="object-[65%_center]"
|
||||
team={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Lead Web Developer", imageSrc: "http://img.b2bpic.net/free-photo/startup-programmer-testing-debugging-company-ai-software_482257-118786.jpg", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", name: "Valentina Reyes", role: "Creative Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/digital-media-expert-working-photo-editing-with-professional-software_482257-125064.jpg", imageAlt: "Valentina Reyes" },
|
||||
{ id: "3", name: "Carlos Mendoza", role: "Business Strategist", imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg", imageAlt: "Carlos Mendoza" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Your Questions, Our Answers"
|
||||
description="Find clarity on how SyninUs operates and how we can best serve your digital needs."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="none"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does a typical project take?", content: "Project timelines vary based on scope, but we always aim for efficient delivery. We'll outline a clear schedule during our initial consultation."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What is your pricing structure?", content: "Our pricing is customized per project, ensuring you get transparent value for responsive web development, graphic design, and strategic insights."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you offer ongoing maintenance?", content: "Yes, we offer comprehensive post-launch support and maintenance to ensure your digital assets remain optimal and secure."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in modernizing existing websites with a focus on improved responsiveness, design, and performance."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What technologies do you use?", content: "We utilize modern, robust technologies like Next.js, React, and WordPress for scalable, high-performing, and easily maintainable digital solutions."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready for Excellence?"
|
||||
title="Let's Craft Your Digital Success Story"
|
||||
description="Connect with SyninUs today for a consultation and discover how our innovation can elevate your brand."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Get a Free Consultation", href: "#contact" },
|
||||
{ text: "View Our Portfolio", href: "#work" }
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<FooterMedia
|
||||
logoText="SyninUs"
|
||||
copyrightText="© 2024 | SyninUs. All rights reserved."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-grid-background-with-lines_23-2149021817.jpg"
|
||||
imageAlt="Abstract background image for footer"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "#team" },
|
||||
{ label: "Our Team", href: "#team" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Features", href: "#comparison-features" },
|
||||
{ label: "Our Work", href: "#work" },
|
||||
{ label: "Why Us", href: "#comparison-features" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Website Development", href: "#services" },
|
||||
{ label: "Graphic Design", href: "#services" },
|
||||
{ label: "Business Strategy", href: "#services" },
|
||||
],
|
||||
{ label: "Business Strategy", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
@@ -278,8 +308,8 @@ export default function WebAgency2Page() {
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Email: infosyninus@gmail.com", href: "mailto:infosyninus@gmail.com" }
|
||||
],
|
||||
},
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
|
||||
114
src/app/services/page.tsx
Normal file
114
src/app/services/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="SyninUs"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Features", id: "/#comparison-features" },
|
||||
{ name: "FAQ", id: "/#faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get in Touch", href: "/contact" }}
|
||||
/>
|
||||
|
||||
<FeatureCardTwentyThree
|
||||
title="Our Comprehensive Digital Services"
|
||||
description="From pixel-perfect designs to robust development and strategic insights, we offer a full suite of services to elevate your brand."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="What We Do"
|
||||
features={[
|
||||
{
|
||||
id: "web-dev", title: "Responsive Web Development", tags: ["Next.js", "React", "WordPress"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-development-links-seo-webinar-cyberspace-concept_53876-120953.jpg", imageAlt: "Website development code and screen"},
|
||||
{
|
||||
id: "graphic-design", title: "Creative Graphic Design", tags: ["Logo Design", "Branding", "UI/UX"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320721.jpg", imageAlt: "Graphic designer at work"},
|
||||
{
|
||||
id: "business-strategy", title: "Strategic Business Consultancy", tags: ["Market Analysis", "Digital Transformation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussing-project_23-2149174116.jpg", imageAlt: "Business meeting discussing strategy"},
|
||||
{
|
||||
id: "seo", title: "Search Engine Optimization (SEO)", tags: ["Keyword Research", "On-Page SEO"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seo-data-analysis-report_23-2151745266.jpg", imageAlt: "SEO analytics dashboard"},
|
||||
{
|
||||
id: "content-creation", title: "Content Creation & Marketing", tags: ["Copywriting", "Blog Posts", "Social Media Content"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-office-desk-organization_23-2148793836.jpg", imageAlt: "Content marketing materials"},
|
||||
{
|
||||
id: "maintenance", title: "Website Maintenance & Support", tags: ["Updates", "Security", "Performance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-support_23-2149345025.jpg", imageAlt: "IT support specialist"},
|
||||
]}
|
||||
/>
|
||||
|
||||
<ContactCTA
|
||||
tag="Ready for Transformation?"
|
||||
title="Let's Discuss Your Next Big Idea"
|
||||
description="Partner with SyninUs to unlock your brand's full digital potential. Reach out today for a personalized consultation."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "/contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<FooterBase
|
||||
logoText="SyninUs"
|
||||
copyrightText="© 2024 | SyninUs. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Features", href: "/#comparison-features" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Website Development", href: "/services" },
|
||||
{ label: "Graphic Design", href: "/services" },
|
||||
{ label: "Business Strategy", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Email: infosyninus@gmail.com", href: "mailto:infosyninus@gmail.com" }
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user