Update src/app/page.tsx
This commit is contained in:
212
src/app/page.tsx
212
src/app/page.tsx
@@ -18,8 +18,7 @@ const navItems = [
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -27,8 +26,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/" },
|
||||
{ label: "Branding", href: "/" },
|
||||
{ label: "Digital Marketing", href: "/" },
|
||||
@@ -36,8 +34,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Email: hello@startuphub.com", href: "#" },
|
||||
{ label: "Phone: (555) 123-4567", href: "#" },
|
||||
{ label: "San Francisco, CA", href: "#" },
|
||||
@@ -54,7 +51,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -72,9 +69,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "/" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/",
|
||||
}}
|
||||
text: "Get Started", href: "/"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,107 +81,63 @@ export default function HomePage() {
|
||||
tag="Strategic Innovation"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-barbershop-template_23-2149460115.jpg?_wi=1",
|
||||
imageAlt: "Web Design Project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-barbershop-template_23-2149460115.jpg", imageAlt: "Web Design Project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/event-online-webinar-landing-page_23-2148919006.jpg?_wi=1",
|
||||
imageAlt: "Branding Campaign",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/event-online-webinar-landing-page_23-2148919006.jpg", imageAlt: "Branding Campaign"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface-template_23-2148681557.jpg?_wi=1",
|
||||
imageAlt: "Mobile Application",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface-template_23-2148681557.jpg", imageAlt: "Mobile Application"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-31546.jpg?_wi=1",
|
||||
imageAlt: "Design System",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-31546.jpg", imageAlt: "Design System"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-designer-explaining-project-client-showing-draft_74855-8788.jpg?_wi=1",
|
||||
imageAlt: "Team Collaboration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-designer-explaining-project-client-showing-draft_74855-8788.jpg", imageAlt: "Team Collaboration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/event-online-webinar-landing-page_23-2148919006.jpg?_wi=2",
|
||||
imageAlt: "Strategic Planning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/event-online-webinar-landing-page_23-2148919006.jpg", imageAlt: "Strategic Planning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface-template_23-2148681557.jpg?_wi=2",
|
||||
imageAlt: "Digital Innovation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface-template_23-2148681557.jpg", imageAlt: "Digital Innovation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-31546.jpg?_wi=2",
|
||||
imageAlt: "Brand Excellence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-31546.jpg", imageAlt: "Brand Excellence"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "/",
|
||||
},
|
||||
text: "Get a Quote", href: "/"},
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "/",
|
||||
},
|
||||
text: "See Our Work", href: "/"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
alt: "Satisfied Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", alt: "Satisfied Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg",
|
||||
alt: "Happy Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg", alt: "Happy Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg",
|
||||
alt: "Trusted Partner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg", alt: "Trusted Partner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
alt: "Success Story",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "Success Story"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ innovative companies"
|
||||
marqueeItems={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149053622.jpg",
|
||||
alt: "Microsoft",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149053622.jpg", alt: "Microsoft"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-g-letter-logo-pack_23-2148954419.jpg",
|
||||
alt: "Google",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-design-g-letter-logo-pack_23-2148954419.jpg", alt: "Google"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/collection-arrows-different-colors_23-2147976896.jpg",
|
||||
alt: "Amazon",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/collection-arrows-different-colors_23-2147976896.jpg", alt: "Amazon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148158913.jpg",
|
||||
alt: "Apple",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148158913.jpg", alt: "Apple"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-logo-template-with-abstract-shape_23-2148214317.jpg",
|
||||
alt: "Netflix",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-logo-template-with-abstract-shape_23-2148214317.jpg", alt: "Netflix"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/logo-templates-two-colors_23-2147503861.jpg",
|
||||
alt: "Tesla",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/logo-templates-two-colors_23-2147503861.jpg", alt: "Tesla"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-oasis-logo-template_23-2149404974.jpg",
|
||||
alt: "Airbnb",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-oasis-logo-template_23-2149404974.jpg", alt: "Airbnb"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148515270.jpg",
|
||||
alt: "Spotify",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148515270.jpg", alt: "Spotify"},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
showMarqueeCard={true}
|
||||
@@ -206,37 +157,13 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "TechFlow - SaaS Platform",
|
||||
price: "Complete Redesign",
|
||||
variant: "Web Application, UI/UX Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-barbershop-template_23-2149460115.jpg?_wi=2",
|
||||
imageAlt: "TechFlow Platform",
|
||||
},
|
||||
id: "1", name: "TechFlow - SaaS Platform", price: "Complete Redesign", variant: "Web Application, UI/UX Design", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-barbershop-template_23-2149460115.jpg", imageAlt: "TechFlow Platform"},
|
||||
{
|
||||
id: "2",
|
||||
name: "BrandBoost Marketing Suite",
|
||||
price: "Brand + Website",
|
||||
variant: "Brand Identity, Web Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/event-online-webinar-landing-page_23-2148919006.jpg?_wi=3",
|
||||
imageAlt: "BrandBoost Campaign",
|
||||
},
|
||||
id: "2", name: "BrandBoost Marketing Suite", price: "Brand + Website", variant: "Brand Identity, Web Design", imageSrc: "http://img.b2bpic.net/free-psd/event-online-webinar-landing-page_23-2148919006.jpg", imageAlt: "BrandBoost Campaign"},
|
||||
{
|
||||
id: "3",
|
||||
name: "MobileFirst App Launch",
|
||||
price: "Full Development",
|
||||
variant: "Mobile App, Backend Integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface-template_23-2148681557.jpg?_wi=3",
|
||||
imageAlt: "Mobile App Design",
|
||||
},
|
||||
id: "3", name: "MobileFirst App Launch", price: "Full Development", variant: "Mobile App, Backend Integration", imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface-template_23-2148681557.jpg", imageAlt: "Mobile App Design"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Enterprise Solution Design",
|
||||
price: "Strategic Overhaul",
|
||||
variant: "Design System, Implementation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-31546.jpg?_wi=3",
|
||||
imageAlt: "Enterprise Design",
|
||||
},
|
||||
id: "4", name: "Enterprise Solution Design", price: "Strategic Overhaul", variant: "Design System, Implementation", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-31546.jpg", imageAlt: "Enterprise Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -251,25 +178,9 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Netflix",
|
||||
"Tesla",
|
||||
"Airbnb",
|
||||
"Spotify",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Apple", "Netflix", "Tesla", "Airbnb", "Spotify"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149053622.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-g-letter-logo-pack_23-2148954419.jpg",
|
||||
"http://img.b2bpic.net/free-vector/collection-arrows-different-colors_23-2147976896.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148158913.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-logo-template-with-abstract-shape_23-2148214317.jpg",
|
||||
"http://img.b2bpic.net/free-vector/logo-templates-two-colors_23-2147503861.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-oasis-logo-template_23-2149404974.jpg",
|
||||
"http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148515270.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149053622.jpg", "http://img.b2bpic.net/free-vector/flat-design-g-letter-logo-pack_23-2148954419.jpg", "http://img.b2bpic.net/free-vector/collection-arrows-different-colors_23-2147976896.jpg", "http://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148158913.jpg", "http://img.b2bpic.net/free-vector/gradient-logo-template-with-abstract-shape_23-2148214317.jpg", "http://img.b2bpic.net/free-vector/logo-templates-two-colors_23-2147503861.jpg", "http://img.b2bpic.net/free-vector/gradient-oasis-logo-template_23-2149404974.jpg", "http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148515270.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -279,41 +190,17 @@ export default function HomePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg?_wi=1",
|
||||
imageAlt: "Alex Johnson",
|
||||
},
|
||||
id: "1", name: "Alex Johnson", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", imageAlt: "Alex Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maya Patel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg?_wi=1",
|
||||
imageAlt: "Maya Patel",
|
||||
},
|
||||
id: "2", name: "Maya Patel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg", imageAlt: "Maya Patel"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris Rivera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg",
|
||||
imageAlt: "Chris Rivera",
|
||||
},
|
||||
id: "3", name: "Chris Rivera", imageSrc: "http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg", imageAlt: "Chris Rivera"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
imageAlt: "Jordan Lee",
|
||||
},
|
||||
id: "4", name: "Jordan Lee", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", imageAlt: "Jordan Lee"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Zhang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg?_wi=2",
|
||||
imageAlt: "Emily Zhang",
|
||||
},
|
||||
id: "5", name: "Emily Zhang", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", imageAlt: "Emily Zhang"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg?_wi=2",
|
||||
imageAlt: "David Brown",
|
||||
},
|
||||
id: "6", name: "David Brown", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg", imageAlt: "David Brown"},
|
||||
]}
|
||||
cardTitle="Over 10,000 satisfied clients have transformed their businesses with our solutions"
|
||||
cardTag="See what they say"
|
||||
@@ -329,15 +216,11 @@ export default function HomePage() {
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "/",
|
||||
},
|
||||
text: "Start Your Project", href: "/"},
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "/",
|
||||
},
|
||||
text: "Schedule Consultation", href: "/"},
|
||||
]}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,8 +231,7 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 StartupHub LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -357,8 +239,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/" },
|
||||
{ label: "Branding", href: "/" },
|
||||
{ label: "Digital Marketing", href: "/" },
|
||||
@@ -366,8 +247,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Email: hello@startuphub.com", href: "#" },
|
||||
{ label: "Phone: (555) 123-4567", href: "#" },
|
||||
{ label: "San Francisco, CA", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user