Update src/app/page.tsx
This commit is contained in:
207
src/app/page.tsx
207
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() {
|
||||
<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"
|
||||
|
||||
Reference in New Issue
Block a user