From e93440f5beddb93e1fc41e4dcaa1e1b3a77e68a0 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 08:49:11 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 207 ++++++++++++----------------------------------- 1 file changed, 51 insertions(+), 156 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b14f3f4..bb6fcb8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() { @@ -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"}, ]} /> @@ -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."}, ]} /> @@ -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"