bender/be379a62-db34-4ed2-83fd-9f2b82acea20
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-05-17 01:49:04 +00:00
parent d4af39e011
commit f586a33028
1 changed files with 53 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
src/app/page.tsx
View File

@@ -29,22 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="OSS Ghana"
/>
@@ -52,104 +40,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Your Business, Online. Done Right."
description="Transform your Ghanaian business with professional digital services. From Facebook pages to full websites, we handle your online presence so you can focus on growth."
testimonials={[
{
name: "Kwame Osei",
handle: "@osei_ventures",
testimonial: "OSS Ghana helped us launch our business page in hours. Truly seamless!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-scrolling-green-screen-mobile-phone-checking-social-media_482257-121739.jpg?_wi=1",
imageAlt: "business phone app interface",
},
{
name: "Ama Serwaa",
handle: "@ama_boutique",
testimonial: "Professional, efficient, and locally informed. Best investment for our digital growth.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-using-laptop-browse-internet-startup-office-doing-project-research-executive-manager-sending-paperwork-email-working-website-browser-application_482257-42354.jpg?_wi=1",
imageAlt: "business phone app interface",
},
{
name: "Kofi Mensah",
handle: "@mensah_logs",
testimonial: "Exceptional service for our local logistics firm.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-african-american-business-woman-wearing-glasses-holding-documents_146671-15760.jpg?_wi=1",
imageAlt: "business phone app interface",
},
{
name: "Adjoa Yeboah",
handle: "@adjoa_arts",
testimonial: "The web design team is top-tier and so patient.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-laptop-table_1157-28481.jpg?_wi=1",
imageAlt: "business phone app interface",
},
{
name: "Yaw Boateng",
handle: "@yb_consult",
testimonial: "Increased our reach by 300% in the first month.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-trophy-icon_53876-71031.jpg?_wi=1",
imageAlt: "business phone app interface",
},
{ name: "Kwame Osei", handle: "@osei_ventures", testimonial: "OSS Ghana helped us launch our business page in hours. Truly seamless!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-scrolling-green-screen-mobile-phone-checking-social-media_482257-121739.jpg", imageAlt: "business phone app interface" },
{ name: "Ama Serwaa", handle: "@ama_boutique", testimonial: "Professional, efficient, and locally informed. Best investment for our digital growth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-using-laptop-browse-internet-startup-office-doing-project-research-executive-manager-sending-paperwork-email-working-website-browser-application_482257-42354.jpg", imageAlt: "business phone app interface" },
{ name: "Kofi Mensah", handle: "@mensah_logs", testimonial: "Exceptional service for our local logistics firm.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-african-american-business-woman-wearing-glasses-holding-documents_146671-15760.jpg", imageAlt: "business phone app interface" },
{ name: "Adjoa Yeboah", handle: "@adjoa_arts", testimonial: "The web design team is top-tier and so patient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-laptop-table_1157-28481.jpg", imageAlt: "business phone app interface" },
{ name: "Yaw Boateng", handle: "@yb_consult", testimonial: "Increased our reach by 300% in the first month.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-trophy-icon_53876-71031.jpg", imageAlt: "business phone app interface" },
]}
buttons={[
{
text: "Order on WhatsApp",
href: "https://wa.me/233552023355",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-scrolling-green-screen-mobile-phone-checking-social-media_482257-121739.jpg?_wi=2"
buttons={[{ text: "Order on WhatsApp", href: "https://wa.me/233552023355" }]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-scrolling-green-screen-mobile-phone-checking-social-media_482257-121739.jpg"
imageAlt="business phone app interface"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-indian-businessman-office_1262-3271.jpg",
alt: "Portrait of smiling Indian businessman in office",
},
{
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman_1262-21020.jpg",
alt: "Confident African American businessman",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-queer-person-work_23-2150617723.jpg",
alt: "Front view queer person at work",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-calm-businessman-calm-with-crossed-arms_1139-203.jpg",
alt: "Close-up of calm businessman calm with crossed arms",
},
{
src: "http://img.b2bpic.net/free-photo/african-american-girl-wear-glasses-with-mobile-phone-sitting-outdoor-caffe_627829-3016.jpg",
alt: "African american girl wear in glasses with mobile phone sitting at outdoor caffe",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-indian-businessman-office_1262-3271.jpg", alt: "Portrait of smiling Indian businessman in office" },
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman_1262-21020.jpg", alt: "Confident African American businessman" },
{ src: "http://img.b2bpic.net/free-photo/front-view-queer-person-work_23-2150617723.jpg", alt: "Front view queer person at work" },
{ src: "http://img.b2bpic.net/free-photo/close-up-calm-businessman-calm-with-crossed-arms_1139-203.jpg", alt: "Close-up of calm businessman calm with crossed arms" },
{ src: "http://img.b2bpic.net/free-photo/african-american-girl-wear-glasses-with-mobile-phone-sitting-outdoor-caffe_627829-3016.jpg", alt: "African american girl wear in glasses with mobile phone sitting at outdoor caffe" },
]}
marqueeItems={[
{
type: "text",
text: "Social Media Setup",
},
{
type: "text",
text: "Web Development",
},
{
type: "text",
text: "Content Creation",
},
{
type: "text",
text: "Graphic Design",
},
{
type: "text",
text: "Brand Growth",
},
{ type: "text", text: "Social Media Setup" },
{ type: "text", text: "Web Development" },
{ type: "text", text: "Content Creation" },
{ type: "text", text: "Graphic Design" },
{ type: "text", text: "Brand Growth" },
]}
/>
</div>
@@ -161,40 +77,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Social Media Setup",
description: "Facebook, Instagram, and WhatsApp Business profiles.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-trophy-icon_53876-71031.jpg?_wi=2",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/anxiety-inducing-imagery-with-angst-feelings_23-2150982035.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-scrolling-green-screen-mobile-phone-checking-social-media_482257-121739.jpg?_wi=3",
imageAlt: "business challenge icon",
title: "Social Media Setup", description: "Facebook, Instagram, and WhatsApp Business profiles.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-trophy-icon_53876-71031.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/anxiety-inducing-imagery-with-angst-feelings_23-2150982035.jpg" },
},
{
title: "Web Development",
description: "Custom landing pages and business websites.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/distressed-man-suffers-from-social-anxiety-due-obsessive-social-media-use_482257-126404.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-her-head-office-desk_482257-119523.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-using-laptop-browse-internet-startup-office-doing-project-research-executive-manager-sending-paperwork-email-working-website-browser-application_482257-42354.jpg?_wi=2",
imageAlt: "business challenge icon",
title: "Web Development", description: "Custom landing pages and business websites.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/distressed-man-suffers-from-social-anxiety-due-obsessive-social-media-use_482257-126404.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-her-head-office-desk_482257-119523.jpg" },
},
{
title: "Monthly Growth",
description: "Consistent content and design updates.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/improvement-development-opportunity-enjoy_53876-121245.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761041.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-african-american-business-woman-wearing-glasses-holding-documents_146671-15760.jpg?_wi=2",
imageAlt: "business challenge icon",
title: "Monthly Growth", description: "Consistent content and design updates.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/improvement-development-opportunity-enjoy_53876-121245.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761041.jpg" },
},
]}
showStepNumbers={true}
@@ -205,56 +97,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
tag: "Essential",
price: "GHS 200",
period: "Setup",
description: "WhatsApp Business Setup",
button: {
text: "Get Started",
href: "https://wa.me/233552023355",
},
featuresTitle: "Included",
features: [
"Profile Setup",
"Bio Optimization",
],
id: "p1", tag: "Essential", price: "GHS 200", period: "Setup", description: "WhatsApp Business Setup", button: { text: "Get Started", href: "https://wa.me/233552023355" },
featuresTitle: "Included", features: ["Profile Setup", "Bio Optimization"],
},
{
id: "p2",
tag: "Growth",
price: "GHS 550",
period: "Bundle",
description: "Full Social Media Bundle",
button: {
text: "Get Started",
href: "https://wa.me/233552023355",
},
featuresTitle: "Included",
features: [
"FB, IG, WA setup",
"Account verification",
],
id: "p2", tag: "Growth", price: "GHS 550", period: "Bundle", description: "Full Social Media Bundle", button: { text: "Get Started", href: "https://wa.me/233552023355" },
featuresTitle: "Included", features: ["FB, IG, WA setup", "Account verification"],
},
{
id: "p3",
tag: "Professional",
price: "GHS 1,200",
period: "Website",
description: "Full Business Website",
button: {
text: "Get Started",
href: "https://wa.me/233552023355",
},
featuresTitle: "Included",
features: [
"Custom Design",
"Mobile Optimized",
],
id: "p3", tag: "Professional", price: "GHS 1,200", period: "Website", description: "Full Business Website", button: { text: "Get Started", href: "https://wa.me/233552023355" },
featuresTitle: "Included", features: ["Custom Design", "Mobile Optimized"],
},
]}
title="Affordable Growth Plans"
@@ -267,46 +124,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Excellent",
quote: "OSS Ghana is professional and efficient.",
name: "Kwame Osei",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-using-laptop-browse-internet-startup-office-doing-project-research-executive-manager-sending-paperwork-email-working-website-browser-application_482257-42354.jpg?_wi=3",
},
{
id: "t2",
title: "Highly Recommend",
quote: "Amazing digital work for my boutique.",
name: "Ama Serwaa",
role: "Founder",
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-african-american-business-woman-wearing-glasses-holding-documents_146671-15760.jpg?_wi=3",
},
{
id: "t3",
title: "Game Changer",
quote: "They made going online so easy.",
name: "Kofi Mensah",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-laptop-table_1157-28481.jpg?_wi=2",
},
{
id: "t4",
title: "Top Notch",
quote: "Reliable and responsive team.",
name: "Esi Mensah",
role: "Director",
imageSrc: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-green-pants-posed-cafe_627829-14224.jpg",
},
{
id: "t5",
title: "Growth Focused",
quote: "Saw immediate results in engagement.",
name: "David Asante",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
},
{ id: "t1", title: "Excellent", quote: "OSS Ghana is professional and efficient.", name: "Kwame Osei", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-using-laptop-browse-internet-startup-office-doing-project-research-executive-manager-sending-paperwork-email-working-website-browser-application_482257-42354.jpg" },
{ id: "t2", title: "Highly Recommend", quote: "Amazing digital work for my boutique.", name: "Ama Serwaa", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-african-american-business-woman-wearing-glasses-holding-documents_146671-15760.jpg" },
{ id: "t3", title: "Game Changer", quote: "They made going online so easy.", name: "Kofi Mensah", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-laptop-table_1157-28481.jpg" },
{ id: "t4", title: "Top Notch", quote: "Reliable and responsive team.", name: "Esi Mensah", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-green-pants-posed-cafe_627829-14224.jpg" },
{ id: "t5", title: "Growth Focused", quote: "Saw immediate results in engagement.", name: "David Asante", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg" },
]}
title="Trusted by Local Business Owners"
description="Hear what our clients in Accra are saying."
@@ -317,36 +139,12 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need technical skills?",
content: "Not at all! We handle all the setup for you.",
},
{
id: "f2",
title: "What payment methods?",
content: "We accept MTN MoMo and bank transfers.",
},
{
id: "f3",
title: "How fast is delivery?",
content: "Most setups are completed within 24-48 hours.",
},
{
id: "f4",
title: "Do I own the account?",
content: "Yes, we transfer full admin ownership to you.",
},
{
id: "f5",
title: "Can you handle institutions?",
content: "Absolutely, we serve both small and large entities.",
},
{
id: "f6",
title: "Is it fully remote?",
content: "Yes, we serve all of Ghana remotely with professional support.",
},
{ id: "f1", title: "Do I need technical skills?", content: "Not at all! We handle all the setup for you." },
{ id: "f2", title: "What payment methods?", content: "We accept MTN MoMo and bank transfers." },
{ id: "f3", title: "How fast is delivery?", content: "Most setups are completed within 24-48 hours." },
{ id: "f4", title: "Do I own the account?", content: "Yes, we transfer full admin ownership to you." },
{ id: "f5", title: "Can you handle institutions?", content: "Absolutely, we serve both small and large entities." },
{ id: "f6", title: "Is it fully remote?", content: "Yes, we serve all of Ghana remotely with professional support." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about starting your digital journey with OSS Ghana."
@@ -357,9 +155,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Talk"
title="Start Your Digital Journey"
description="Ready to get your business online? Reach out via WhatsApp, Call, or Email. We're open Mon-Sat, 8am-8pm."
@@ -375,29 +171,15 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "Social Media",
href: "#services",
},
{
label: "Web Development",
href: "#services",
},
title: "Services", items: [
{ label: "Social Media", href: "#services" },
{ label: "Web Development", href: "#services" },
],
},
{
title: "Contact",
items: [
{
label: "WhatsApp: +233552023355",
href: "https://wa.me/233552023355",
},
{
label: "Email: onlineservicesolutions.gh@gmail.com",
href: "mailto:onlineservicesolutions.gh@gmail.com",
},
title: "Contact", items: [
{ label: "WhatsApp: +233552023355", href: "https://wa.me/233552023355" },
{ label: "Email: onlineservicesolutions.gh@gmail.com", href: "mailto:onlineservicesolutions.gh@gmail.com" },
],
},
]}