bender/89a45870-b66b-45fa-9a75-ef6e4958ffd1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 08:49:11 +00:00
parent e50cd9c7c9
commit e93440f5be
1 changed files with 51 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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"