bender/d8adc51d-9c27-41e2-ade6-d7eb1ac37fe7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-09 18:59:42 +00:00
Conversation 0 Commits 5 Files Changed 5 +97 -310
5 changed files with 97 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/app/about/page.tsx
View File

@@ -16,7 +16,7 @@ export default function AboutPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="noise"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -41,20 +41,14 @@ export default function AboutPage() {
<HeroCentered
title="About Vice Web Co."
description="We are a team of passionate designers and developers dedicated to creating digital experiences that drive real business results. For over 12 years, we've been partnering with brands to build the web."
background={{ variant: "noise" }}
background={{ variant: "plain" }}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
alt: "Team Member 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png", alt: "Team Member 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
alt: "Team Member 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png", alt: "Team Member 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
alt: "Team Member 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png", alt: "Team Member 3"},
]}
avatarText="Meet our talented team"
buttons={[
@@ -73,35 +67,15 @@ export default function AboutPage() {
tagIcon={Users}
members={[
{
id: "1",
name: "Alex Chen",
role: "Creative Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-creative-web--1773082593953-34fed084.png",
imageAlt: "Alex Chen",
},
id: "1", name: "Alex Chen", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-creative-web--1773082593953-34fed084.png", imageAlt: "Alex Chen"},
{
id: "2",
name: "Jordan Williams",
role: "Lead Developer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-senior-develo-1773082591852-66fa9431.png",
imageAlt: "Jordan Williams",
},
id: "2", name: "Jordan Williams", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-senior-develo-1773082591852-66fa9431.png", imageAlt: "Jordan Williams"},
{
id: "3",
name: "Maya Patel",
role: "Project Manager",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-project-manag-1773082592324-c605eef2.png",
imageAlt: "Maya Patel",
},
id: "3", name: "Maya Patel", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-project-manag-1773082592324-c605eef2.png", imageAlt: "Maya Patel"},
{
id: "4",
name: "Chris Rodriguez",
role: "UX/UI Designer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-ux-ui-special-1773082593983-c7d3ac00.png",
imageAlt: "Chris Rodriguez",
},
id: "4", name: "Chris Rodriguez", role: "UX/UI Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-ux-ui-special-1773082593983-c7d3ac00.png", imageAlt: "Chris Rodriguez"},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -115,21 +89,13 @@ export default function AboutPage() {
author="Michael Torres, Founder at GrowthLabs"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
alt: "Michael Torres",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png", alt: "Michael Torres"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png", alt: "Client"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png", alt: "Client"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png", alt: "Client"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -144,24 +110,16 @@ export default function AboutPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/viceweb",
ariaLabel: "Twitter",
},
href: "https://twitter.com/viceweb", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/viceweb",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/viceweb", ariaLabel: "LinkedIn"},
{
icon: Github,
href: "https://github.com/viceweb",
ariaLabel: "GitHub",
},
href: "https://github.com/viceweb", ariaLabel: "GitHub"},
{
icon: Instagram,
href: "https://instagram.com/viceweb",
ariaLabel: "Instagram",
},
href: "https://instagram.com/viceweb", ariaLabel: "Instagram"},
]}
/>
</div>

13
src/app/contact/page.tsx
View File

@@ -30,7 +30,7 @@ export default function ContactPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="noise"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -56,18 +56,13 @@ export default function ContactPage() {
description="Let's collaborate to create something extraordinary. Our team is ready to discuss your vision and build the perfect digital solution for your business."
buttons={[
{
text: "Contact Us",
href: "/contact",
},
text: "Contact Us", href: "/contact"},
{
text: "Schedule a Call",
href: "/contact",
},
text: "Schedule a Call", href: "/contact"},
]}
buttonAnimation="slide-up"
background={{
variant: "noise",
}}
variant: "plain"}}
useInvertedBackground={false}
/>
</div>

120
src/app/page.tsx
View File

@@ -22,7 +22,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="noise"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -47,20 +47,14 @@ export default function HomePage() {
<HeroCentered
title="Build Websites That Convert"
description="Vice Web Co. creates stunning, high-performance websites that drive growth. We combine strategic design with cutting-edge technology to bring your vision to life."
background={{ variant: "noise" }}
background={{ variant: "plain" }}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
alt: "Client 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png", alt: "Client 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
alt: "Client 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png", alt: "Client 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
alt: "Client 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png", alt: "Client 3"},
]}
avatarText="Trusted by 200+ brands worldwide"
buttons={[
@@ -94,33 +88,13 @@ export default function HomePage() {
tagIcon={Zap}
features={[
{
id: "1",
title: "Web Design",
description: "Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png?_wi=1",
imageAlt: "Web Design Service",
},
id: "1", title: "Web Design", description: "Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png", imageAlt: "Web Design Service"},
{
id: "2",
title: "Brand Strategy",
description: "Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png?_wi=1",
imageAlt: "Brand Strategy Service",
},
id: "2", title: "Brand Strategy", description: "Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png", imageAlt: "Brand Strategy Service"},
{
id: "3",
title: "Web Development",
description: "Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=1",
imageAlt: "Web Development Service",
},
id: "3", title: "Web Development", description: "Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png", imageAlt: "Web Development Service"},
{
id: "4",
title: "SEO Optimization",
description: "Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=2",
imageAlt: "SEO Service",
},
id: "4", title: "SEO Optimization", description: "Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png", imageAlt: "SEO Service"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -137,26 +111,11 @@ export default function HomePage() {
tagIcon={Briefcase}
products={[
{
id: "1",
name: "E-Commerce Platform",
price: "Conversion +45%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png?_wi=1",
imageAlt: "E-Commerce project",
},
id: "1", name: "E-Commerce Platform", price: "Conversion +45%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png", imageAlt: "E-Commerce project"},
{
id: "2",
name: "SaaS Landing Page",
price: "Sign-ups +120%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png?_wi=1",
imageAlt: "SaaS project",
},
id: "2", name: "SaaS Landing Page", price: "Sign-ups +120%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png", imageAlt: "SaaS project"},
{
id: "3",
name: "Creative Agency Site",
price: "Leads +85%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png?_wi=1",
imageAlt: "Agency project",
},
id: "3", name: "Creative Agency Site", price: "Leads +85%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png", imageAlt: "Agency project"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -171,31 +130,18 @@ export default function HomePage() {
description="Proven results that speak for themselves"
metrics={[
{
id: "1",
value: "200+",
title: "Projects Completed",
items: ["Across 20+ industries", "Global client base", "12+ years experience"],
id: "1", value: "200+", title: "Projects Completed", items: ["Across 20+ industries", "Global client base", "12+ years experience"],
},
{
id: "2",
value: "98%",
title: "Client Satisfaction",
items: ["Long-term partnerships", "Repeat clients", "Referral rate 60%+"],
id: "2", value: "98%", title: "Client Satisfaction", items: ["Long-term partnerships", "Repeat clients", "Referral rate 60%+"],
},
{
id: "3",
value: "50M+",
title: "Annual User Traffic",
items: ["Our clients' websites", "Across all platforms", "Growing monthly"],
id: "3", value: "50M+", title: "Annual User Traffic", items: ["Our clients' websites", "Across all platforms", "Growing monthly"],
},
{
id: "4",
value: "25+",
title: "Industry Awards",
items: ["Design excellence", "Innovation & creativity", "Client success stories"],
id: "4", value: "25+", title: "Industry Awards", items: ["Design excellence", "Innovation & creativity", "Client success stories"],
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -209,21 +155,13 @@ export default function HomePage() {
author="Sarah Mitchell, CEO at TechVenture"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
alt: "Sarah Mitchell",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png", alt: "Sarah Mitchell"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png", alt: "Client"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png", alt: "Client"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png", alt: "Client"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -242,7 +180,7 @@ export default function HomePage() {
{ text: "Schedule a Call", href: "contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -254,24 +192,16 @@ export default function HomePage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/viceweb",
ariaLabel: "Twitter",
},
href: "https://twitter.com/viceweb", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/viceweb",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/viceweb", ariaLabel: "LinkedIn"},
{
icon: Github,
href: "https://github.com/viceweb",
ariaLabel: "GitHub",
},
href: "https://github.com/viceweb", ariaLabel: "GitHub"},
{
icon: Instagram,
href: "https://instagram.com/viceweb",
ariaLabel: "Instagram",
},
href: "https://instagram.com/viceweb", ariaLabel: "Instagram"},
]}
/>
</div>

77
src/app/portfolio/page.tsx
View File

@@ -26,7 +26,7 @@ export default function PortfolioPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="noise"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -45,20 +45,14 @@ export default function PortfolioPage() {
<HeroCentered
title="Our Portfolio"
description="Explore our collection of successful projects that showcase our expertise in web design, development, and digital strategy. Real results from real clients across diverse industries."
background={{ variant: "noise" }}
background={{ variant: "plain" }}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
alt: "Client 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png", alt: "Client 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
alt: "Client 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png", alt: "Client 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
alt: "Client 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png", alt: "Client 3"},
]}
avatarText="Trusted by 200+ brands worldwide"
buttons={[
@@ -77,29 +71,14 @@ export default function PortfolioPage() {
tagIcon={Briefcase}
products={[
{
id: "1",
name: "E-Commerce Platform",
price: "Conversion +45%",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png?_wi=2",
imageAlt: "E-Commerce project",
},
id: "1", name: "E-Commerce Platform", price: "Conversion +45%", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png", imageAlt: "E-Commerce project"},
{
id: "2",
name: "SaaS Landing Page",
price: "Sign-ups +120%",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png?_wi=2",
imageAlt: "SaaS project",
},
id: "2", name: "SaaS Landing Page", price: "Sign-ups +120%", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png", imageAlt: "SaaS project"},
{
id: "3",
name: "Creative Agency Site",
price: "Leads +85%",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png?_wi=2",
imageAlt: "Agency project",
},
id: "3", name: "Creative Agency Site", price: "Leads +85%", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png", imageAlt: "Agency project"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -115,21 +94,13 @@ export default function PortfolioPage() {
author="Sarah Mitchell, CEO at TechVenture"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
alt: "Sarah Mitchell",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png", alt: "Sarah Mitchell"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png", alt: "Client"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png", alt: "Client"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",
alt: "Client",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png", alt: "Client"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -148,7 +119,7 @@ export default function PortfolioPage() {
{ text: "Schedule a Call", href: "contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -160,24 +131,16 @@ export default function PortfolioPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/viceweb",
ariaLabel: "Twitter",
},
href: "https://twitter.com/viceweb", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/viceweb",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/viceweb", ariaLabel: "LinkedIn"},
{
icon: Github,
href: "https://github.com/viceweb",
ariaLabel: "GitHub",
},
href: "https://github.com/viceweb", ariaLabel: "GitHub"},
{
icon: Instagram,
href: "https://instagram.com/viceweb",
ariaLabel: "Instagram",
},
href: "https://instagram.com/viceweb", ariaLabel: "Instagram"},
]}
/>
</div>

119
src/app/services/page.tsx
View File

@@ -26,7 +26,7 @@ export default function ServicesPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="noise"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -45,20 +45,14 @@ export default function ServicesPage() {
<HeroCentered
title="Our Services"
description="Comprehensive web solutions designed to transform your business and drive measurable results. From concept to launch, we handle every aspect of your digital success."
background={{ variant: "noise" }}
background={{ variant: "plain" }}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
alt: "Client 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png", alt: "Client 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
alt: "Client 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png", alt: "Client 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
alt: "Client 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png", alt: "Client 3"},
]}
avatarText="Trusted by 200+ brands worldwide"
buttons={[
@@ -77,41 +71,21 @@ export default function ServicesPage() {
tagIcon={Zap}
features={[
{
id: "1",
title: "Web Design",
description:
"Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png?_wi=2",
imageAlt: "Web Design Service",
},
id: "1", title: "Web Design", description:
"Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png", imageAlt: "Web Design Service"},
{
id: "2",
title: "Brand Strategy",
description:
"Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png?_wi=2",
imageAlt: "Brand Strategy Service",
},
id: "2", title: "Brand Strategy", description:
"Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png", imageAlt: "Brand Strategy Service"},
{
id: "3",
title: "Web Development",
description:
"Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=3",
imageAlt: "Web Development Service",
},
id: "3", title: "Web Development", description:
"Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png", imageAlt: "Web Development Service"},
{
id: "4",
title: "SEO Optimization",
description:
"Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=4",
imageAlt: "SEO Service",
},
id: "4", title: "SEO Optimization", description:
"Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png", imageAlt: "SEO Service"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -126,47 +100,22 @@ export default function ServicesPage() {
description="Proven results that speak for themselves"
metrics={[
{
id: "1",
value: "200+",
title: "Projects Completed",
items: [
"Across 20+ industries",
"Global client base",
"12+ years experience",
],
id: "1", value: "200+", title: "Projects Completed", items: [
"Across 20+ industries", "Global client base", "12+ years experience"],
},
{
id: "2",
value: "98%",
title: "Client Satisfaction",
items: [
"Long-term partnerships",
"Repeat clients",
"Referral rate 60%+",
],
id: "2", value: "98%", title: "Client Satisfaction", items: [
"Long-term partnerships", "Repeat clients", "Referral rate 60%+"],
},
{
id: "3",
value: "50M+",
title: "Annual User Traffic",
items: [
"Our clients' websites",
"Across all platforms",
"Growing monthly",
],
id: "3", value: "50M+", title: "Annual User Traffic", items: [
"Our clients' websites", "Across all platforms", "Growing monthly"],
},
{
id: "4",
value: "25+",
title: "Industry Awards",
items: [
"Design excellence",
"Innovation & creativity",
"Client success stories",
],
id: "4", value: "25+", title: "Industry Awards", items: [
"Design excellence", "Innovation & creativity", "Client success stories"],
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -184,7 +133,7 @@ export default function ServicesPage() {
{ text: "Schedule a Call", href: "contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -196,24 +145,16 @@ export default function ServicesPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/viceweb",
ariaLabel: "Twitter",
},
href: "https://twitter.com/viceweb", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/viceweb",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/viceweb", ariaLabel: "LinkedIn"},
{
icon: Github,
href: "https://github.com/viceweb",
ariaLabel: "GitHub",
},
href: "https://github.com/viceweb", ariaLabel: "GitHub"},
{
icon: Instagram,
href: "https://instagram.com/viceweb",
ariaLabel: "Instagram",
},
href: "https://instagram.com/viceweb", ariaLabel: "Instagram"},
]}
/>
</div>