bender/89a45870-b66b-45fa-9a75-ef6e4958ffd1
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-10 08:49:17 +00:00
Conversation 0 Commits 5 Files Changed 5 +146 -405
5 changed files with 146 additions and 405 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "#services" },
{ label: "Portfolio", href: "#portfolio" },
{ label: "About", href: "/about" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Help Center", href: "#" },
{ label: "Community", href: "#" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -64,7 +60,7 @@ export default function AboutPage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -88,40 +84,27 @@ export default function AboutPage() {
tag="About Our Agency"
tagIcon={CheckCircle}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825939.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825939.jpg"
imageAlt="Our founding team"
mediaPosition="left"
mediaAnimation="slide-up"
accordionItems={[
{
id: "1",
title: "Founded in 2020",
content:
"We started with a passion for web design and a commitment to local businesses. What began as a small team has grown into a full-service digital agency serving hundreds of clients across Colorado.",
},
id: "1", title: "Founded in 2020", content:
"We started with a passion for web design and a commitment to local businesses. What began as a small team has grown into a full-service digital agency serving hundreds of clients across Colorado."},
{
id: "2",
title: "Local Roots, Global Standards",
content:
"We're based right here in Colorado, serving our community with world-class web design and development services. We understand the unique challenges of local businesses.",
},
id: "2", title: "Local Roots, Global Standards", content:
"We're based right here in Colorado, serving our community with world-class web design and development services. We understand the unique challenges of local businesses."},
{
id: "3",
title: "150+ Happy Clients",
content:
"From startups to established companies, we've helped businesses of all sizes grow their online presence and achieve their digital goals.",
},
id: "3", title: "150+ Happy Clients", content:
"From startups to established companies, we've helped businesses of all sizes grow their online presence and achieve their digital goals."},
{
id: "4",
title: "Continuous Innovation",
content:
"We stay at the forefront of web design trends and technologies to ensure our clients always get cutting-edge solutions.",
},
id: "4", title: "Continuous Innovation", content:
"We stay at the forefront of web design trends and technologies to ensure our clients always get cutting-edge solutions."},
]}
buttons={[{ text: "See Our Portfolio", href: "/#portfolio" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
textBoxLayout="default"
/>
</div>
@@ -136,35 +119,14 @@ export default function AboutPage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "Creative Director",
name: "Emily Torres",
price: "10+ years",
rating: 5,
reviewCount: "Experience",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg?_wi=3",
imageAlt: "Emily Torres - Creative Director",
},
id: "1", brand: "Creative Director", name: "Emily Torres", price: "10+ years", rating: 5,
reviewCount: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Emily Torres - Creative Director"},
{
id: "2",
brand: "Lead Developer",
name: "James Chen",
price: "8+ years",
rating: 5,
reviewCount: "Experience",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg?_wi=3",
imageAlt: "James Chen - Lead Developer",
},
id: "2", brand: "Lead Developer", name: "James Chen", price: "8+ years", rating: 5,
reviewCount: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg", imageAlt: "James Chen - Lead Developer"},
{
id: "3",
brand: "SEO Specialist",
name: "Marcus Williams",
price: "7+ years",
rating: 5,
reviewCount: "Experience",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg?_wi=2",
imageAlt: "Marcus Williams - SEO Specialist",
},
id: "3", brand: "SEO Specialist", name: "Marcus Williams", price: "7+ years", rating: 5,
reviewCount: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg", imageAlt: "Marcus Williams - SEO Specialist"},
]}
buttons={[{ text: "Work With Us", href: "#contact" }]}
buttonAnimation="slide-up"
@@ -178,9 +140,9 @@ export default function AboutPage() {
description="Get in touch with our team to discuss your web design needs. We'd love to help your Colorado business succeed online."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg"
imageAlt="Contact our team"
mediaAnimation="slide-up"
mediaPosition="right"

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

@@ -18,8 +18,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "/services" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "About", href: "/about" },
@@ -27,8 +26,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -36,8 +34,7 @@ export default function ContactPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Help Center", href: "#" },
{ label: "Community", href: "#" },
@@ -45,8 +42,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -62,7 +58,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -72,9 +68,7 @@ export default function ContactPage() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
brandName="WebBuild"
/>
</div>
@@ -87,10 +81,9 @@ export default function ContactPage() {
tagIcon={Mail}
tagAnimation="slide-up"
background={{
variant: "grid",
}}
variant: "plain"}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg"
imageAlt="modern office meeting room"
mediaAnimation="slide-up"
mediaPosition="right"

207
src/app/page.tsx
View File

@@ -24,8 +24,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "#services" },
{ label: "Portfolio", href: "#portfolio" },
{ label: "About", href: "/about" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Help Center", href: "#" },
{ label: "Community", href: "#" },
@@ -51,8 +48,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -68,7 +64,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -92,7 +88,7 @@ export default function HomePage() {
tag="Web Design Experts"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Get Started Today", href: "#contact" },
{ text: "View Our Work", href: "#portfolio" },
@@ -100,35 +96,17 @@ export default function HomePage() {
buttonAnimation="slide-up"
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148312357.jpg?_wi=1",
imageAlt: "E-commerce website design",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148312357.jpg", imageAlt: "E-commerce website design"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg?_wi=1",
imageAlt: "Restaurant website design",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg", imageAlt: "Restaurant website design"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg?_wi=1",
imageAlt: "SaaS platform design",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg", imageAlt: "SaaS platform design"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg?_wi=1",
imageAlt: "Responsive web design",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg", imageAlt: "Responsive web design"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825939.jpg?_wi=1",
imageAlt: "Our design team",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825939.jpg", imageAlt: "Our design team"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/neat-office-desk-with-copy-space_23-2148219335.jpg?_wi=1",
imageAlt: "Web design workspace",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/neat-office-desk-with-copy-space_23-2148219335.jpg", imageAlt: "Web design workspace"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -140,18 +118,11 @@ export default function HomePage() {
<InlineImageSplitTextAbout
heading={[
{
type: "text",
content: "We're a team of passionate web designers and developers helping Colorado businesses",
},
type: "text", content: "We're a team of passionate web designers and developers helping Colorado businesses"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825939.jpg",
alt: "Our team",
},
type: "image", src: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825939.jpg", alt: "Our team"},
{
type: "text",
content: "succeed online with beautiful, high-performing websites.",
},
type: "text", content: "succeed online with beautiful, high-performing websites."},
]}
useInvertedBackground={false}
buttons={[{ text: "Learn More About Us", href: "/about" }]}
@@ -166,40 +137,27 @@ export default function HomePage() {
tag="What We Offer"
tagIcon={CheckCircle}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg"
imageAlt="Web design services"
mediaPosition="right"
mediaAnimation="slide-up"
accordionItems={[
{
id: "1",
title: "Responsive Web Design",
content:
"Beautiful, mobile-first websites that look perfect on all devices. We create designs that engage visitors and drive conversions.",
},
id: "1", title: "Responsive Web Design", content:
"Beautiful, mobile-first websites that look perfect on all devices. We create designs that engage visitors and drive conversions."},
{
id: "2",
title: "Web Development",
content:
"Clean, efficient code built with modern technologies. Fast-loading sites that perform and scale with your business.",
},
id: "2", title: "Web Development", content:
"Clean, efficient code built with modern technologies. Fast-loading sites that perform and scale with your business."},
{
id: "3",
title: "SEO Optimization",
content:
"Strategic optimization to improve your search rankings and attract qualified traffic from Google and other search engines.",
},
id: "3", title: "SEO Optimization", content:
"Strategic optimization to improve your search rankings and attract qualified traffic from Google and other search engines."},
{
id: "4",
title: "E-commerce Solutions",
content:
"Complete online store setup with payment processing, inventory management, and conversion optimization.",
},
id: "4", title: "E-commerce Solutions", content:
"Complete online store setup with payment processing, inventory management, and conversion optimization."},
]}
buttons={[{ text: "Explore All Services", href: "/services" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
textBoxLayout="default"
/>
</div>
@@ -216,35 +174,14 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "Retail",
name: "Mountain Gear E-Commerce Store",
price: "15% Increase",
rating: 5,
reviewCount: "Online Sales",
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148312357.jpg?_wi=2",
imageAlt: "E-commerce website",
},
id: "1", brand: "Retail", name: "Mountain Gear E-Commerce Store", price: "15% Increase", rating: 5,
reviewCount: "Online Sales", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148312357.jpg", imageAlt: "E-commerce website"},
{
id: "2",
brand: "Hospitality",
name: "Aurora Restaurant Website",
price: "40% More Bookings",
rating: 5,
reviewCount: "First Year",
imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg?_wi=2",
imageAlt: "Restaurant website",
},
id: "2", brand: "Hospitality", name: "Aurora Restaurant Website", price: "40% More Bookings", rating: 5,
reviewCount: "First Year", imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg", imageAlt: "Restaurant website"},
{
id: "3",
brand: "Software",
name: "Tech Startup SaaS Platform",
price: "250% Traffic Growth",
rating: 5,
reviewCount: "First Year",
imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg?_wi=2",
imageAlt: "SaaS platform",
},
id: "3", brand: "Software", name: "Tech Startup SaaS Platform", price: "250% Traffic Growth", rating: 5,
reviewCount: "First Year", imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg", imageAlt: "SaaS platform"},
]}
buttons={[{ text: "View Full Portfolio", href: "/portfolio" }]}
buttonAnimation="slide-up"
@@ -260,41 +197,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg?_wi=1",
imageAlt: "Michael Rodriguez",
},
id: "2", name: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg", imageAlt: "Michael Rodriguez"},
{
id: "3",
name: "Jennifer Chen",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg?_wi=1",
imageAlt: "Jennifer Chen",
},
id: "3", name: "Jennifer Chen", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg", imageAlt: "Jennifer Chen"},
{
id: "4",
name: "David Morrison",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=1",
imageAlt: "David Morrison",
},
id: "4", name: "David Morrison", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "David Morrison"},
{
id: "5",
name: "Amy Foster",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg?_wi=2",
imageAlt: "Amy Foster",
},
id: "5", name: "Amy Foster", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Amy Foster"},
{
id: "6",
name: "Tom Bradley",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg?_wi=2",
imageAlt: "Tom Bradley",
},
id: "6", name: "Tom Bradley", imageSrc: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg", imageAlt: "Tom Bradley"},
]}
/>
</div>
@@ -308,48 +221,30 @@ export default function HomePage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433335.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433335.jpg"
imageAlt="Customer support"
mediaAnimation="slide-up"
mediaPosition="left"
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "How long does a website typically take to build?",
content:
"Most websites take 4-8 weeks from initial consultation to launch, depending on complexity. Simple business sites can be ready in 3-4 weeks, while e-commerce platforms may take 8-12 weeks.",
},
id: "1", title: "How long does a website typically take to build?", content:
"Most websites take 4-8 weeks from initial consultation to launch, depending on complexity. Simple business sites can be ready in 3-4 weeks, while e-commerce platforms may take 8-12 weeks."},
{
id: "2",
title: "What's included in your web design service?",
content:
"We provide full-service design including strategy, responsive design, development, SEO optimization, and post-launch support. We also offer maintenance packages to keep your site running smoothly.",
},
id: "2", title: "What's included in your web design service?", content:
"We provide full-service design including strategy, responsive design, development, SEO optimization, and post-launch support. We also offer maintenance packages to keep your site running smoothly."},
{
id: "3",
title: "Do you work with businesses of all sizes?",
content:
"Yes! We work with startups, small businesses, and established companies across Colorado. We customize our services and pricing to fit your budget and goals.",
},
id: "3", title: "Do you work with businesses of all sizes?", content:
"Yes! We work with startups, small businesses, and established companies across Colorado. We customize our services and pricing to fit your budget and goals."},
{
id: "4",
title: "Can you help improve my search engine rankings?",
content:
"Absolutely. We specialize in SEO-friendly design and optimization. Every website we build is optimized for search engines to help you attract organic traffic.",
},
id: "4", title: "Can you help improve my search engine rankings?", content:
"Absolutely. We specialize in SEO-friendly design and optimization. Every website we build is optimized for search engines to help you attract organic traffic."},
{
id: "5",
title: "What about ongoing support and updates?",
content:
"We offer maintenance packages starting at $99/month that include security updates, backups, performance monitoring, and content updates.",
},
id: "5", title: "What about ongoing support and updates?", content:
"We offer maintenance packages starting at $99/month that include security updates, backups, performance monitoring, and content updates."},
{
id: "6",
title: "How much does a website cost?",
content:
"Website costs vary based on requirements. Basic business sites start around $2,500, while custom e-commerce platforms may range from $5,000-$15,000+. Contact us for a personalized quote.",
},
id: "6", title: "How much does a website cost?", content:
"Website costs vary based on requirements. Basic business sites start around $2,500, while custom e-commerce platforms may range from $5,000-$15,000+. Contact us for a personalized quote."},
]}
/>
</div>
@@ -361,9 +256,9 @@ export default function HomePage() {
description="Join dozens of Colorado businesses who've transformed their digital presence with our web design expertise. Let's build something great together."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg"
imageAlt="Our office"
mediaAnimation="slide-up"
mediaPosition="right"

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

@@ -20,8 +20,7 @@ export default function PortfolioPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "/services" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "About", href: "/about" },
@@ -29,8 +28,7 @@ export default function PortfolioPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -38,8 +36,7 @@ export default function PortfolioPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Help Center", href: "#" },
{ label: "Community", href: "#" },
@@ -47,8 +44,7 @@ export default function PortfolioPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -64,7 +60,7 @@ export default function PortfolioPage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -97,38 +93,17 @@ export default function PortfolioPage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "Retail",
name: "Mountain Gear E-Commerce Store",
price: "15% Increase",
rating: 5,
reviewCount: "Online Sales",
imageSrc:
"http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148312357.jpg?_wi=3",
imageAlt: "E-commerce website",
},
id: "1", brand: "Retail", name: "Mountain Gear E-Commerce Store", price: "15% Increase", rating: 5,
reviewCount: "Online Sales", imageSrc:
"http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148312357.jpg", imageAlt: "E-commerce website"},
{
id: "2",
brand: "Hospitality",
name: "Aurora Restaurant Website",
price: "40% More Bookings",
rating: 5,
reviewCount: "First Year",
imageSrc:
"http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg?_wi=3",
imageAlt: "Restaurant website",
},
id: "2", brand: "Hospitality", name: "Aurora Restaurant Website", price: "40% More Bookings", rating: 5,
reviewCount: "First Year", imageSrc:
"http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg", imageAlt: "Restaurant website"},
{
id: "3",
brand: "Software",
name: "Tech Startup SaaS Platform",
price: "250% Traffic Growth",
rating: 5,
reviewCount: "First Year",
imageSrc:
"http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg?_wi=4",
imageAlt: "SaaS platform",
},
id: "3", brand: "Software", name: "Tech Startup SaaS Platform", price: "250% Traffic Growth", rating: 5,
reviewCount: "First Year", imageSrc:
"http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg", imageAlt: "SaaS platform"},
]}
buttons={[{ text: "View All Projects", href: "#" }]}
buttonAnimation="slide-up"
@@ -140,40 +115,27 @@ export default function PortfolioPage() {
title="Our Project Process"
description="From concept to launch, we follow a proven methodology to deliver exceptional results for every client project."
tag="How We Work"
imageSrc="http://img.b2bpic.net/free-photo/neat-office-desk-with-copy-space_23-2148219335.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/neat-office-desk-with-copy-space_23-2148219335.jpg"
imageAlt="Our project process"
mediaPosition="left"
mediaAnimation="slide-up"
accordionItems={[
{
id: "1",
title: "Discovery & Strategy",
content:
"We start by understanding your business goals, target audience, and competitive landscape. This foundation guides all design and development decisions.",
},
id: "1", title: "Discovery & Strategy", content:
"We start by understanding your business goals, target audience, and competitive landscape. This foundation guides all design and development decisions."},
{
id: "2",
title: "Design & Prototyping",
content:
"Our designers create stunning mockups and interactive prototypes. We iterate based on your feedback until the design perfectly captures your vision.",
},
id: "2", title: "Design & Prototyping", content:
"Our designers create stunning mockups and interactive prototypes. We iterate based on your feedback until the design perfectly captures your vision."},
{
id: "3",
title: "Development & Testing",
content:
"Our developers build your site with clean, optimized code. We thoroughly test across all browsers and devices to ensure perfect functionality.",
},
id: "3", title: "Development & Testing", content:
"Our developers build your site with clean, optimized code. We thoroughly test across all browsers and devices to ensure perfect functionality."},
{
id: "4",
title: "Launch & Optimization",
content:
"We deploy your site and monitor performance closely. We make optimization adjustments and provide training to help you manage your new website.",
},
id: "4", title: "Launch & Optimization", content:
"We deploy your site and monitor performance closely. We make optimization adjustments and provide training to help you manage your new website."},
]}
buttons={[{ text: "Start Your Project", href: "/contact" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
textBoxLayout="default"
/>
</div>
@@ -181,47 +143,23 @@ export default function PortfolioPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc:
"http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg?_wi=4",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", imageSrc:
"http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Rodriguez",
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg?_wi=4",
imageAlt: "Michael Rodriguez",
},
id: "2", name: "Michael Rodriguez", imageSrc:
"http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg", imageAlt: "Michael Rodriguez"},
{
id: "3",
name: "Jennifer Chen",
imageSrc:
"http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg?_wi=3",
imageAlt: "Jennifer Chen",
},
id: "3", name: "Jennifer Chen", imageSrc:
"http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg", imageAlt: "Jennifer Chen"},
{
id: "4",
name: "David Morrison",
imageSrc:
"http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=2",
imageAlt: "David Morrison",
},
id: "4", name: "David Morrison", imageSrc:
"http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "David Morrison"},
{
id: "5",
name: "Amy Foster",
imageSrc:
"http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg?_wi=5",
imageAlt: "Amy Foster",
},
id: "5", name: "Amy Foster", imageSrc:
"http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Amy Foster"},
{
id: "6",
name: "Tom Bradley",
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg?_wi=5",
imageAlt: "Tom Bradley",
},
id: "6", name: "Tom Bradley", imageSrc:
"http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg", imageAlt: "Tom Bradley"},
]}
cardTitle="Trusted by Colorado businesses who've grown with our web design expertise"
cardTag="Client Success Stories"

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

@@ -20,8 +20,7 @@ export default function ServicesPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "/services" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "About", href: "/about" },
@@ -29,8 +28,7 @@ export default function ServicesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -38,8 +36,7 @@ export default function ServicesPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Help Center", href: "#" },
{ label: "Community", href: "#" },
@@ -47,8 +44,7 @@ export default function ServicesPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -64,7 +60,7 @@ export default function ServicesPage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -91,40 +87,27 @@ export default function ServicesPage() {
tag="What We Offer"
tagIcon={CheckCircle}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg"
imageAlt="Web design services"
mediaPosition="right"
mediaAnimation="slide-up"
accordionItems={[
{
id: "1",
title: "Responsive Web Design",
content:
"Beautiful, mobile-first websites that look perfect on all devices. We create designs that engage visitors and drive conversions.",
},
id: "1", title: "Responsive Web Design", content:
"Beautiful, mobile-first websites that look perfect on all devices. We create designs that engage visitors and drive conversions."},
{
id: "2",
title: "Web Development",
content:
"Clean, efficient code built with modern technologies. Fast-loading sites that perform and scale with your business.",
},
id: "2", title: "Web Development", content:
"Clean, efficient code built with modern technologies. Fast-loading sites that perform and scale with your business."},
{
id: "3",
title: "SEO Optimization",
content:
"Strategic optimization to improve your search rankings and attract qualified traffic from Google and other search engines.",
},
id: "3", title: "SEO Optimization", content:
"Strategic optimization to improve your search rankings and attract qualified traffic from Google and other search engines."},
{
id: "4",
title: "E-commerce Solutions",
content:
"Complete online store setup with payment processing, inventory management, and conversion optimization.",
},
id: "4", title: "E-commerce Solutions", content:
"Complete online store setup with payment processing, inventory management, and conversion optimization."},
]}
buttons={[{ text: "Schedule Consultation", href: "/contact" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
textBoxLayout="default"
/>
</div>
@@ -139,38 +122,17 @@ export default function ServicesPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Starter",
name: "Basic Website",
price: "$2,500",
rating: 5,
reviewCount: "50+ sites",
imageSrc:
"http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg?_wi=4",
imageAlt: "Basic website package",
},
id: "1", brand: "Starter", name: "Basic Website", price: "$2,500", rating: 5,
reviewCount: "50+ sites", imageSrc:
"http://img.b2bpic.net/free-psd/blue-gold-gift-store-web-template_23-2149135359.jpg", imageAlt: "Basic website package"},
{
id: "2",
brand: "Professional",
name: "Business Website",
price: "$5,000",
rating: 5,
reviewCount: "100+ sites",
imageSrc:
"http://img.b2bpic.net/free-photo/seo-analysis-business-meeting_53876-94819.jpg",
imageAlt: "Professional website package",
},
id: "2", brand: "Professional", name: "Business Website", price: "$5,000", rating: 5,
reviewCount: "100+ sites", imageSrc:
"http://img.b2bpic.net/free-photo/seo-analysis-business-meeting_53876-94819.jpg", imageAlt: "Professional website package"},
{
id: "3",
brand: "Enterprise",
name: "E-Commerce Platform",
price: "$10,000+",
rating: 5,
reviewCount: "30+ stores",
imageSrc:
"http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg?_wi=3",
imageAlt: "E-commerce platform package",
},
id: "3", brand: "Enterprise", name: "E-Commerce Platform", price: "$10,000+", rating: 5,
reviewCount: "30+ stores", imageSrc:
"http://img.b2bpic.net/free-vector/startup-landing-page-with-characters_23-2148289542.jpg", imageAlt: "E-commerce platform package"},
]}
buttons={[{ text: "View All Services", href: "#" }]}
buttonAnimation="slide-up"
@@ -181,25 +143,16 @@ export default function ServicesPage() {
<FaqSplitMedia
faqs={[
{
id: "1",
title: "What's included in each service package?",
content:
"Each package includes design consultation, responsive design, development, basic SEO optimization, and 30 days of free support. Premium packages include advanced features like e-commerce setup or custom integrations.",
},
id: "1", title: "What's included in each service package?", content:
"Each package includes design consultation, responsive design, development, basic SEO optimization, and 30 days of free support. Premium packages include advanced features like e-commerce setup or custom integrations."},
{
id: "2",
title: "Do you offer ongoing maintenance?",
content:
"Yes! We offer maintenance packages starting at $99/month that include security updates, backups, performance monitoring, and monthly content updates.",
},
id: "2", title: "Do you offer ongoing maintenance?", content:
"Yes! We offer maintenance packages starting at $99/month that include security updates, backups, performance monitoring, and monthly content updates."},
{
id: "3",
title: "Can you integrate with my existing tools?",
content:
"Absolutely. We integrate with CRM systems, email marketing platforms, payment processors, and most third-party APIs to ensure your website works seamlessly with your current business tools.",
},
id: "3", title: "Can you integrate with my existing tools?", content:
"Absolutely. We integrate with CRM systems, email marketing platforms, payment processors, and most third-party APIs to ensure your website works seamlessly with your current business tools."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433335.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433335.jpg"
imageAlt="Services FAQ"
title="Service Questions"
description="Get answers to common questions about our web design and development services."