bender/860c5606-c18e-4227-a292-c1cefa528fa9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-02 19:48:57 +00:00
parent a33ece9cfc d518487bce
commit 661069bf57
3 changed files with 95 additions and 364 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Globe, TrendingUp } from "lucide-react";
import { Globe, TrendingUp, Code, Edit, Search, Megaphone } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Portfolio",
id: "/portfolio",
},
name: "Portfolio", id: "/portfolio"},
{
name: "Blog",
id: "/blog",
},
name: "Blog", id: "/blog"},
{
name: "Pricing",
id: "/pricing",
},
name: "Pricing", id: "/pricing"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
logoAlt="By Barirah Logo"
brandName="By Barirah"
@@ -68,69 +54,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Professional Websites & High-Converting Content That Grow Your Business"
description="We help businesses build powerful websites, publish engaging blogs, and increase their online presence."
buttons={[
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
{
text: "Request a Free Quote",
href: "/contact",
},
text: "Request a Free Quote", href: "/contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg"
imageAlt="Digital Agency team working on website and marketing"
mediaAnimation="slide-up"
avatars={[
{
src: "asset://hero-avatar-1",
alt: "Smiling female digital marketer",
},
src: "asset://hero-avatar-1", alt: "Smiling female digital marketer"},
{
src: "asset://hero-avatar-2",
alt: "Focused male web developer",
},
src: "asset://hero-avatar-2", alt: "Focused male web developer"},
{
src: "asset://hero-avatar-3",
alt: "Creative female content strategist",
},
src: "asset://hero-avatar-3", alt: "Creative female content strategist"},
{
src: "asset://hero-avatar-4",
alt: "Experienced male SEO specialist",
},
src: "asset://hero-avatar-4", alt: "Experienced male SEO specialist"},
{
src: "asset://hero-avatar-5",
alt: "Confident female project manager",
},
src: "asset://hero-avatar-5", alt: "Confident female project manager"},
]}
avatarText="Join 100+ happy clients"
marqueeItems={[
{
type: "text",
text: "Web Design & Development",
type: "text", text: "Web Design & Development"},
{
type: "text-icon", text: "SEO Optimization", icon: TrendingUp,
},
{
type: "text-icon",
text: "SEO Optimization",
icon: TrendingUp,
type: "text", text: "Content Marketing"},
{
type: "text-icon", text: "Social Media Strategy", icon: Globe,
},
{
type: "text",
text: "Content Marketing",
},
{
type: "text-icon",
text: "Social Media Strategy",
icon: Globe,
},
{
type: "text",
text: "Conversion Rate Growth",
},
type: "text", text: "Conversion Rate Growth"},
]}
marqueeSpeed={30}
showMarqueeCard={true}
@@ -143,37 +104,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Website Development",
description: "Crafting high-performance, responsive websites that convert visitors into customers.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-internet-big-data-background_1387-1011.jpg",
imageAlt: "Abstract illustration of website development",
buttonIcon: "Code",
buttonHref: "/services",
},
title: "Website Development", description: "Crafting high-performance, responsive websites that convert visitors into customers.", imageSrc: "http://img.b2bpic.net/free-photo/technology-internet-big-data-background_1387-1011.jpg", imageAlt: "Abstract illustration of website development", buttonIcon: Code,
buttonHref: "/services"},
{
title: "Blog & Content Writing",
description: "Engaging, SEO-optimized content that tells your brand's story and drives organic traffic.",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-comparing-results-tablet_1232-1180.jpg",
imageAlt: "Illustration of content writing and SEO",
buttonIcon: "Edit",
buttonHref: "/services",
},
title: "Blog & Content Writing", description: "Engaging, SEO-optimized content that tells your brand's story and drives organic traffic.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-comparing-results-tablet_1232-1180.jpg", imageAlt: "Illustration of content writing and SEO", buttonIcon: Edit,
buttonHref: "/services"},
{
title: "SEO Services",
description: "Boosting your visibility and ranking higher on search engines to attract your ideal audience.",
imageSrc: "http://img.b2bpic.net/free-photo/documents-paperwork-business-strategy-concept_53876-133728.jpg",
imageAlt: "Graphic depicting SEO optimization",
buttonIcon: "Search",
buttonHref: "/services",
},
title: "SEO Services", description: "Boosting your visibility and ranking higher on search engines to attract your ideal audience.", imageSrc: "http://img.b2bpic.net/free-photo/documents-paperwork-business-strategy-concept_53876-133728.jpg", imageAlt: "Graphic depicting SEO optimization", buttonIcon: Search,
buttonHref: "/services"},
{
title: "Digital Marketing",
description: "Strategic campaigns to expand your reach, engage customers, and accelerate business growth.",
imageSrc: "http://img.b2bpic.net/free-photo/talented-jewellery-beads-maker-is-holding-crystal-clear-semi-precious-stone-hand_613910-17316.jpg",
imageAlt: "Digital marketing strategy with charts",
buttonIcon: "Megaphone",
buttonHref: "/services",
},
title: "Digital Marketing", description: "Strategic campaigns to expand your reach, engage customers, and accelerate business growth.", imageSrc: "http://img.b2bpic.net/free-photo/talented-jewellery-beads-maker-is-holding-crystal-clear-semi-precious-stone-hand_613910-17316.jpg", imageAlt: "Digital marketing strategy with charts", buttonIcon: Megaphone,
buttonHref: "/services"},
]}
title="Our Comprehensive Digital Growth Solutions"
description="Unlock your business's full potential with our expert services tailored for success in web development, content, and marketing."
@@ -189,47 +130,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "project-ecommerce",
name: "E-commerce Platform Redesign",
price: "View Case Study",
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application-template_23-2148663604.jpg",
imageAlt: "Screenshot of a modern e-commerce website",
},
id: "project-ecommerce", name: "E-commerce Platform Redesign", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application-template_23-2148663604.jpg", imageAlt: "Screenshot of a modern e-commerce website"},
{
id: "project-business",
name: "Corporate Website Launch",
price: "View Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201875.jpg",
imageAlt: "Screenshot of a professional business website",
},
id: "project-business", name: "Corporate Website Launch", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201875.jpg", imageAlt: "Screenshot of a professional business website"},
{
id: "project-portfolio",
name: "Creative Portfolio Site",
price: "View Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg",
imageAlt: "Screenshot of an artistic portfolio website",
},
id: "project-portfolio", name: "Creative Portfolio Site", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg", imageAlt: "Screenshot of an artistic portfolio website"},
{
id: "project-blog",
name: "SEO Blog Implementation",
price: "View Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-black-lives-matter-concept_23-2148913879.jpg",
imageAlt: "Screenshot of a clean WordPress blog",
},
id: "project-blog", name: "SEO Blog Implementation", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-black-lives-matter-concept_23-2148913879.jpg", imageAlt: "Screenshot of a clean WordPress blog"},
{
id: "project-landing",
name: "Conversion-Focused Landing Page",
price: "View Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/business-team-talking-about-statistics_53876-94908.jpg",
imageAlt: "Screenshot of a mobile-first landing page",
},
id: "project-landing", name: "Conversion-Focused Landing Page", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/business-team-talking-about-statistics_53876-94908.jpg", imageAlt: "Screenshot of a mobile-first landing page"},
{
id: "project-saas",
name: "SaaS Dashboard UI/UX",
price: "View Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
imageAlt: "Screenshot of a minimalist SaaS dashboard",
},
id: "project-saas", name: "SaaS Dashboard UI/UX", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "Screenshot of a minimalist SaaS dashboard"},
]}
title="Featured Projects That Speak Volumes"
description="Explore our recent work showcasing impactful designs and measurable results for diverse clients."
@@ -244,25 +155,13 @@ export default function LandingPage() {
tag="Our Achievements"
metrics={[
{
id: "m1",
value: "+200",
description: "Successful Projects Delivered",
},
id: "m1", value: "+200", description: "Successful Projects Delivered"},
{
id: "m2",
value: "95%",
description: "Client Satisfaction Rate",
},
id: "m2", value: "95%", description: "Client Satisfaction Rate"},
{
id: "m3",
value: "+150%",
description: "Average Organic Traffic Growth",
},
id: "m3", value: "+150%", description: "Average Organic Traffic Growth"},
{
id: "m4",
value: "10M+",
description: "Words Written for Clients",
},
id: "m4", value: "10M+", description: "Words Written for Clients"},
]}
metricsAnimation="slide-up"
/>
@@ -273,28 +172,13 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",
imageAlt: "Sarah J. photo",
},
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg", imageAlt: "Sarah J. photo"},
{
id: "t2",
name: "Michael C.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
imageAlt: "Michael C. photo",
},
id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", imageAlt: "Michael C. photo"},
{
id: "t3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
imageAlt: "Emily R. photo",
},
id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Emily R. photo"},
{
id: "",
imageSrc: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg?_wi=2",
imageAlt: "female ceo headshot professional",
},
id: "t4", name: "Jane Doe", imageSrc: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg", imageAlt: "female ceo headshot professional"},
]}
cardTitle="Hear From Our Happy Clients"
cardTag="Success Stories"
@@ -304,6 +188,7 @@ export default function LandingPage() {
<div id="blog-home" data-section="blog-home">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Insights & Strategies from Our Blog"
@@ -311,38 +196,11 @@ export default function LandingPage() {
tag="Latest Insights"
blogs={[
{
id: "blog-post-1",
category: "SEO",
title: "Mastering SEO in 2024: Essential Strategies",
excerpt: "Boost your search rankings with these cutting-edge SEO tactics.",
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-video-3d-models_482257-123664.jpg",
imageAlt: "SEO strategy graphic",
authorName: "Barirah M.",
authorAvatar: "http://img.b2bpic.net/free-photo/fbi-agent-focused-investigation_1098-14749.jpg",
date: "July 15, 2024",
},
id: "blog-post-1", category: "SEO", title: "Mastering SEO in 2024: Essential Strategies", excerpt: "Boost your search rankings with these cutting-edge SEO tactics.", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-video-3d-models_482257-123664.jpg", imageAlt: "SEO strategy graphic", authorName: "Barirah M.", authorAvatar: "http://img.b2bpic.net/free-photo/fbi-agent-focused-investigation_1098-14749.jpg", date: "July 15, 2024"},
{
id: "blog-post-2",
category: "Web Design",
title: "Designing High-Converting Landing Pages",
excerpt: "Learn the secrets to creating landing pages that drive leads and sales.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg",
imageAlt: "Landing page design process",
authorName: "Barirah M.",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",
date: "July 10, 2024",
},
id: "blog-post-2", category: "Web Design", title: "Designing High-Converting Landing Pages", excerpt: "Learn the secrets to creating landing pages that drive leads and sales.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg", imageAlt: "Landing page design process", authorName: "Barirah M.", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg", date: "July 10, 2024"},
{
id: "blog-post-3",
category: "Content Marketing",
title: "The Power of Storytelling in Content Marketing",
excerpt: "Engage your audience and build brand loyalty through compelling narratives.",
imageSrc: "http://img.b2bpic.net/free-photo/open-notebook-taking-note-concept-with-pen-wooden-blocks-gray-background-top-view-space-text-horizontal-image_176474-6691.jpg",
imageAlt: "Storytelling in content marketing",
authorName: "Barirah M.",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg",
date: "July 5, 2024",
},
id: "blog-post-3", category: "Content Marketing", title: "The Power of Storytelling in Content Marketing", excerpt: "Engage your audience and build brand loyalty through compelling narratives.", imageSrc: "http://img.b2bpic.net/free-photo/open-notebook-taking-note-concept-with-pen-wooden-blocks-gray-background-top-view-space-text-horizontal-image_176474-6691.jpg", imageAlt: "Storytelling in content marketing", authorName: "Barirah M.", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg", date: "July 5, 2024"},
]}
/>
</div>
@@ -352,25 +210,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How long does website development take?",
content: "Project timelines vary based on complexity, but a typical website takes 4-8 weeks from concept to launch.",
},
id: "faq1", title: "How long does website development take?", content: "Project timelines vary based on complexity, but a typical website takes 4-8 weeks from concept to launch."},
{
id: "faq2",
title: "What is included in your SEO services?",
content: "Our SEO services include keyword research, on-page optimization, technical SEO audits, content strategy, and regular performance reporting.",
},
id: "faq2", title: "What is included in your SEO services?", content: "Our SEO services include keyword research, on-page optimization, technical SEO audits, content strategy, and regular performance reporting."},
{
id: "faq3",
title: "Can you help with content for my existing website?",
content: "Absolutely! We offer content writing and editing services to refresh your existing website, blog posts, and product descriptions.",
},
id: "faq3", title: "Can you help with content for my existing website?", content: "Absolutely! We offer content writing and editing services to refresh your existing website, blog posts, and product descriptions."},
{
id: "faq4",
title: "What payment methods do you accept?",
content: "We accept major credit cards via Stripe and PayPal, as well as direct bank transfers for your convenience.",
},
id: "faq4", title: "What payment methods do you accept?", content: "We accept major credit cards via Stripe and PayPal, as well as direct bank transfers for your convenience."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common queries about our services, process, and partnership model."
@@ -383,13 +229,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="By Barirah"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>

109
src/app/portfolio/page.tsx
View File

@@ -26,33 +26,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Portfolio",
id: "/portfolio",
},
name: "Portfolio", id: "/portfolio"},
{
name: "Blog",
id: "/blog",
},
name: "Blog", id: "/blog"},
{
name: "Pricing",
id: "/pricing",
},
name: "Pricing", id: "/pricing"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
logoAlt="By Barirah Logo"
brandName="By Barirah"
@@ -61,52 +47,23 @@ export default function LandingPage() {
<div id="project-showcase" data-section="project-showcase">
<ProductCardOne
animationType="scale-rotate"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "portfolio-item-1",
name: "Luxury E-commerce Redesign",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/eid-responsive-shopping_187299-47533.jpg",
imageAlt: "Luxury E-commerce Website",
},
id: "portfolio-item-1", name: "Luxury E-commerce Redesign", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/eid-responsive-shopping_187299-47533.jpg", imageAlt: "Luxury E-commerce Website"},
{
id: "portfolio-item-2",
name: "SaaS Platform UI/UX",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-124123.jpg",
imageAlt: "SaaS Dashboard UI",
},
id: "portfolio-item-2", name: "SaaS Platform UI/UX", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-124123.jpg", imageAlt: "SaaS Dashboard UI"},
{
id: "portfolio-item-3",
name: "Corporate Brand Launch",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-lines-with-application-icons_1134-51.jpg",
imageAlt: "Corporate Website",
},
id: "portfolio-item-3", name: "Corporate Brand Launch", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/colorful-lines-with-application-icons_1134-51.jpg", imageAlt: "Corporate Website"},
{
id: "portfolio-item-4",
name: "Creative Agency Portfolio",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/orthopedic-mat-with-sharp-spikes_1385-359.jpg",
imageAlt: "Creative Portfolio Website",
},
id: "portfolio-item-4", name: "Creative Agency Portfolio", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/orthopedic-mat-with-sharp-spikes_1385-359.jpg", imageAlt: "Creative Portfolio Website"},
{
id: "portfolio-item-5",
name: "Content-Rich Blog Development",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-relaxation-beverage-planning-data-digital-concept_53876-14123.jpg",
imageAlt: "Professional Blog",
},
id: "portfolio-item-5", name: "Content-Rich Blog Development", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/coffee-relaxation-beverage-planning-data-digital-concept_53876-14123.jpg", imageAlt: "Professional Blog"},
{
id: "portfolio-item-6",
name: "High-Converting Landing Pages",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-attractive-woman-with-curly-hairstyle-nose-ring-red-lipstick-picking-song-typing-i_1258-142407.jpg",
imageAlt: "Landing Page",
},
id: "portfolio-item-6", name: "High-Converting Landing Pages", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-attractive-woman-with-curly-hairstyle-nose-ring-red-lipstick-picking-song-typing-i_1258-142407.jpg", imageAlt: "Landing Page"},
]}
title="Inspiring Projects That Deliver Results"
description="A glimpse into our diverse portfolio, demonstrating our commitment to innovative design and measurable success."
@@ -119,35 +76,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "pt1",
name: "Alex P.",
imageSrc: "http://img.b2bpic.net/free-photo/serious-senior-business-woman-office-desk_1262-3824.jpg",
imageAlt: "Alex P. photo",
},
id: "pt1", name: "Alex P.", imageSrc: "http://img.b2bpic.net/free-photo/serious-senior-business-woman-office-desk_1262-3824.jpg", imageAlt: "Alex P. photo"},
{
id: "pt2",
name: "Ben T.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
imageAlt: "Ben T. photo",
},
id: "pt2", name: "Ben T.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", imageAlt: "Ben T. photo"},
{
id: "pt3",
name: "Cara W.",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-short-curly-hair-wireless-earphones-s_574295-3780.jpg",
imageAlt: "Cara W. photo",
},
id: "pt3", name: "Cara W.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-short-curly-hair-wireless-earphones-s_574295-3780.jpg", imageAlt: "Cara W. photo"},
{
id: "pt4",
name: "Daniel S.",
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166019.jpg",
imageAlt: "Daniel S. photo",
},
id: "pt4", name: "Daniel S.", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166019.jpg", imageAlt: "Daniel S. photo"},
{
id: "pt5",
name: "Eliza M.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg",
imageAlt: "Eliza M. photo",
},
id: "pt5", name: "Eliza M.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg", imageAlt: "Eliza M. photo"},
]}
cardTitle="What Our Clients Say About Our Projects"
cardTag="Project Success"
@@ -159,13 +96,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="By Barirah"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>

80
src/app/services/page.tsx
View File

@@ -6,6 +6,7 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Code, FileText, TrendingUp, Megaphone } from "lucide-react";
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
@@ -27,33 +28,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Portfolio",
id: "/portfolio",
},
name: "Portfolio", id: "/portfolio"},
{
name: "Blog",
id: "/blog",
},
name: "Blog", id: "/blog"},
{
name: "Pricing",
id: "/pricing",
},
name: "Pricing", id: "/pricing"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
logoAlt="By Barirah Logo"
brandName="By Barirah"
@@ -67,9 +54,7 @@ export default function LandingPage() {
title="Tailored Digital Solutions for Every Business Need"
buttons={[
{
text: "View Our Portfolio",
href: "/portfolio",
},
text: "View Our Portfolio", href: "/portfolio"},
]}
/>
</div>
@@ -80,32 +65,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Website Development",
description: "Custom business websites, WordPress sites, e-commerce stores, portfolio sites, and landing pages.",
imageSrc: "http://img.b2bpic.net/free-vector/web-development-designs_1209-73.jpg",
imageAlt: "Website development icon",
buttonIcon: "Code",
title: "Website Development", description: "Custom business websites, WordPress sites, e-commerce stores, portfolio sites, and landing pages.", imageSrc: "http://img.b2bpic.net/free-vector/web-development-designs_1209-73.jpg", imageAlt: "Website development icon", buttonIcon: Code,
},
{
title: "Blog & Content Services",
description: "SEO blog writing, article writing, website content, product descriptions, and AI content editing.",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notebook-blue-desk_23-2147982541.jpg",
imageAlt: "Content writing icon",
buttonIcon: "FileText",
title: "Blog & Content Services", description: "SEO blog writing, article writing, website content, product descriptions, and AI content editing.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-notebook-blue-desk_23-2147982541.jpg", imageAlt: "Content writing icon", buttonIcon: FileText,
},
{
title: "SEO Services",
description: "Keyword research, on-page SEO, technical SEO, content strategy, and ongoing optimization.",
imageSrc: "http://img.b2bpic.net/free-photo/online-search-tablet_53876-94844.jpg",
imageAlt: "SEO services icon",
buttonIcon: "TrendingUp",
title: "SEO Services", description: "Keyword research, on-page SEO, technical SEO, content strategy, and ongoing optimization.", imageSrc: "http://img.b2bpic.net/free-photo/online-search-tablet_53876-94844.jpg", imageAlt: "SEO services icon", buttonIcon: TrendingUp,
},
{
title: "Digital Marketing Solutions",
description: "Comprehensive strategies including social media, email marketing, and analytics.",
imageSrc: "http://img.b2bpic.net/free-photo/software-technician-developing-maintaining-databases-work_482257-108271.jpg",
imageAlt: "Digital marketing icon",
buttonIcon: "Megaphone",
title: "Digital Marketing Solutions", description: "Comprehensive strategies including social media, email marketing, and analytics.", imageSrc: "http://img.b2bpic.net/free-photo/software-technician-developing-maintaining-databases-work_482257-108271.jpg", imageAlt: "Digital marketing icon", buttonIcon: Megaphone,
},
]}
title="Strategic Services for Your Digital Success"
@@ -119,20 +88,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "sfaq1",
title: "What's your website development process?",
content: "Our process involves discovery, planning, design, development, testing, and launch, with client collaboration at every stage.",
},
id: "sfaq1", title: "What's your website development process?", content: "Our process involves discovery, planning, design, development, testing, and launch, with client collaboration at every stage."},
{
id: "sfaq2",
title: "How do you ensure content quality?",
content: "All content undergoes rigorous research, writing, editing, and SEO optimization to ensure high quality and effectiveness.",
},
id: "sfaq2", title: "How do you ensure content quality?", content: "All content undergoes rigorous research, writing, editing, and SEO optimization to ensure high quality and effectiveness."},
{
id: "sfaq3",
title: "What makes your SEO services effective?",
content: "We combine in-depth keyword analysis, technical expertise, and content strategy to achieve sustainable organic growth.",
},
id: "sfaq3", title: "What makes your SEO services effective?", content: "We combine in-depth keyword analysis, technical expertise, and content strategy to achieve sustainable organic growth."},
]}
sideTitle="Questions About Our Approach?"
sideDescription="Get clear answers on how we deliver exceptional results for our clients across various digital services."
@@ -145,13 +105,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="By Barirah"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>