Update src/app/page.tsx
This commit is contained in:
249
src/app/page.tsx
249
src/app/page.tsx
@@ -32,144 +32,82 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Sunnyside Digital"
|
||||
button={{
|
||||
text: "Start Your Project",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Start Your Project", href: "contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Websites That Work Support That Stays"
|
||||
description="Sunnyside Digital builds and maintains websites designed to grow your business. From launch to ongoing updates, we handle the technical side so you focus on what matters."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg?_wi=1",
|
||||
imageAlt: "web design dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg", imageAlt: "web design dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=1",
|
||||
imageAlt: "analytics dashboard UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "analytics dashboard UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/career-skills-progress-graphic-icon-symbol_53876-124007.jpg",
|
||||
imageAlt: "mockup on screen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/career-skills-progress-graphic-icon-symbol_53876-124007.jpg", imageAlt: "mockup on screen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg",
|
||||
imageAlt: "growth chart analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg", imageAlt: "growth chart analytics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-headset-typing-laptop_74855-3074.jpg",
|
||||
imageAlt: "support ticket system",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-headset-typing-laptop_74855-3074.jpg", imageAlt: "support ticket system"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571107.jpg",
|
||||
imageAlt: "tech team working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571107.jpg", imageAlt: "tech team working"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-shopaholics-e-commerce-e-shopping-concept_53876-120673.jpg",
|
||||
imageAlt: "ecommerce store mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-shopaholics-e-commerce-e-shopping-concept_53876-120673.jpg", imageAlt: "ecommerce store mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-pencil_23-2148966870.jpg",
|
||||
imageAlt: "local business website",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-pencil_23-2148966870.jpg", imageAlt: "local business website"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-engineer-using-vr-headset-data-center-update-server-tech-configuring-equipment-using_482257-132581.jpg",
|
||||
imageAlt: "developer workstation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-engineer-using-vr-headset-data-center-update-server-tech-configuring-equipment-using_482257-132581.jpg", imageAlt: "developer workstation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/synergy-collaboration-cooperation-teamwork-concept_53876-132326.jpg",
|
||||
imageAlt: "strategy roadmap graphic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/synergy-collaboration-cooperation-teamwork-concept_53876-132326.jpg", imageAlt: "strategy roadmap graphic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-coder-developing-software-freelance-project-working-remote-from-home-while-boyfriend-is-relaxing-african-american-programmer-writing-source-code-looking-errors-while-debugging_482257-64570.jpg",
|
||||
imageAlt: "code lines programming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-coder-developing-software-freelance-project-working-remote-from-home-while-boyfriend-is-relaxing-african-american-programmer-writing-source-code-looking-errors-while-debugging_482257-64570.jpg", imageAlt: "code lines programming"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg",
|
||||
imageAlt: "digital innovation abstract",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "digital innovation abstract"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Start Your Project", href: "contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153847.jpg",
|
||||
alt: "Close up on young business team working",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153847.jpg", alt: "Close up on young business team working"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134863.jpg",
|
||||
alt: "Team of diverse coworkers in modern office discuss their project together",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134863.jpg", alt: "Team of diverse coworkers in modern office discuss their project together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg",
|
||||
alt: "Team of diverse coworkers in modern office discuss their project together",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg", alt: "Team of diverse coworkers in modern office discuss their project together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-business-people-listening-colleague_58466-11191.jpg",
|
||||
alt: "Creative business people listening to colleague",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/creative-business-people-listening-colleague_58466-11191.jpg", alt: "Creative business people listening to colleague"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-information-charts-using-paperwork-online-research-digital-tablet-people-planning-business-report-with-data-analysis-ideas_482257-48651.jpg",
|
||||
alt: "Multiethnic group of coworkers analyzing information on charts",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-information-charts-using-paperwork-online-research-digital-tablet-people-planning-business-report-with-data-analysis-ideas_482257-48651.jpg", alt: "Multiethnic group of coworkers analyzing information on charts"},
|
||||
]}
|
||||
avatarText="Join 150+ successful businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/rocket-ship-launching-symbol-icon_53876-15090.jpg",
|
||||
alt: "Rocket ship launching symbol icon",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/rocket-ship-launching-symbol-icon_53876-15090.jpg", alt: "Rocket ship launching symbol icon"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/king-chess-icon-isolated_53876-14845.jpg",
|
||||
alt: "The king chess icon isolated",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/king-chess-icon-isolated_53876-14845.jpg", alt: "The king chess icon isolated"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/golden-correct-sign-best-quality-assurance-guarantee-product-iso-service-concept_616485-97.jpg",
|
||||
alt: "Golden correct sign for best quality assurance",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/golden-correct-sign-best-quality-assurance-guarantee-product-iso-service-concept_616485-97.jpg", alt: "Golden correct sign for best quality assurance"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/be-change-strategy-icon_53876-13922.jpg",
|
||||
alt: "Be The Change Strategy Icon",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/be-change-strategy-icon_53876-13922.jpg", alt: "Be The Change Strategy Icon"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg",
|
||||
alt: "3D plexus design with connecting lines",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg", alt: "3D plexus design with connecting lines"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,14 +117,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Reliable Web Solutions for Small Businesses",
|
||||
},
|
||||
type: "text", content: "Reliable Web Solutions for Small Businesses"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804492.jpg",
|
||||
alt: "tech team collaboration",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804492.jpg", alt: "tech team collaboration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -198,28 +131,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Development",
|
||||
description: "Custom websites built for conversion and speed.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg",
|
||||
imageAlt: "Back shot of young man playing competitive shooter games on computer with two streaming chats open",
|
||||
title: "Rapid Development", description: "Custom websites built for conversion and speed.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Ongoing Maintenance",
|
||||
description: "We keep your site secure and updated 24/7.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg?_wi=2",
|
||||
imageAlt: "Back shot of young man playing competitive shooter games on computer with two streaming chats open",
|
||||
title: "Ongoing Maintenance", description: "We keep your site secure and updated 24/7.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "ROI Focused Design",
|
||||
description: "Layouts that turn visitors into paying customers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=2",
|
||||
imageAlt: "Back shot of young man playing competitive shooter games on computer with two streaming chats open",
|
||||
title: "ROI Focused Design", description: "Layouts that turn visitors into paying customers.", bentoComponent: "reveal-icon", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Built to Grow Your Business"
|
||||
@@ -234,20 +152,11 @@ export default function LandingPage() {
|
||||
tag="Performance Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Websites Built",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Websites Built"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Uptime Guaranteed",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Uptime Guaranteed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support Available",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Support Available"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -259,45 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing Results",
|
||||
quote: "Sunnyside completely transformed our restaurant's online presence.",
|
||||
name: "Maria Garcia",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
|
||||
},
|
||||
id: "t1", title: "Amazing Results", quote: "Sunnyside completely transformed our restaurant's online presence.", name: "Maria Garcia", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Incredibly Responsive",
|
||||
quote: "Whenever we need updates, they handle them immediately.",
|
||||
name: "Tom Baker",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-his-hand-pocket_1098-46.jpg",
|
||||
},
|
||||
id: "t2", title: "Incredibly Responsive", quote: "Whenever we need updates, they handle them immediately.", name: "Tom Baker", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-his-hand-pocket_1098-46.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "ROI Focused",
|
||||
quote: "Our sales have doubled since launching the new site.",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
id: "t3", title: "ROI Focused", quote: "Our sales have doubled since launching the new site.", name: "Sarah Chen", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Technical Experts",
|
||||
quote: "They simplified everything for us. Highly recommend.",
|
||||
name: "James Wilson",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-shopkeeper-smiling-camera_482257-76102.jpg",
|
||||
},
|
||||
id: "t4", title: "Technical Experts", quote: "They simplified everything for us. Highly recommend.", name: "James Wilson", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/female-shopkeeper-smiling-camera_482257-76102.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Reliable Support",
|
||||
quote: "Finally, a company that actually cares about my site.",
|
||||
name: "Emily Davis",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
id: "t5", title: "Reliable Support", quote: "Finally, a company that actually cares about my site.", name: "Emily Davis", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
|
||||
]}
|
||||
title="Trusted by Local Leaders"
|
||||
description="See why businesses choose us for their web development and maintenance needs."
|
||||
@@ -310,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a build take?",
|
||||
content: "Most sites are completed within 4-6 weeks.",
|
||||
},
|
||||
id: "f1", title: "How long does a build take?", content: "Most sites are completed within 4-6 weeks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer hosting?",
|
||||
content: "Yes, we provide fully managed, secure hosting services.",
|
||||
},
|
||||
id: "f2", title: "Do you offer hosting?", content: "Yes, we provide fully managed, secure hosting services."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I request updates?",
|
||||
content: "Submit a ticket through our simple client dashboard.",
|
||||
},
|
||||
id: "f3", title: "How do I request updates?", content: "Submit a ticket through our simple client dashboard."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here's what our clients usually want to know about our services."
|
||||
@@ -335,14 +205,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to take your digital presence to the next level? Contact us today to discuss your project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "mailto:hello@sunnysidedigital.com",
|
||||
},
|
||||
text: "Start Your Project", href: "mailto:hello@sunnysidedigital.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -352,29 +219,19 @@ export default function LandingPage() {
|
||||
logoText="Sunnyside Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "about",
|
||||
},
|
||||
label: "About", href: "about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "features",
|
||||
},
|
||||
label: "Services", href: "features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "contact",
|
||||
},
|
||||
label: "Contact", href: "contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "faq",
|
||||
},
|
||||
label: "FAQ", href: "faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user