Skip to content

Trim homepage 11→6 keep Arabic #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
vishnu-madhavan-git wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Trim homepage 11→6 keep Arabic #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3adf12e
feat: trim homepage 11→6 keep Arabic design
Aug 27, 2026
ccc5f17
fix: ensure tailwind devDeps install (lockfile)
Aug 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,284 changes: 700 additions & 584 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"react-dom": "19.2.4"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
"@tailwindcss/postcss": "^4.3.3",
"@types/node": "^20",
"@types/react": "^19",
"@types/react-dom": "^19",
Expand Down
10 changes: 0 additions & 10 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,6 @@ import { Header } from "@/components/Header";
import { HeroSection } from "@/components/HeroSection";
import { ServicesSection } from "@/components/ServicesSection";
import { ProcessSection } from "@/components/ProcessSection";
import { InfraSection } from "@/components/InfraSection";
import { MetricsSection } from "@/components/MetricsSection";
import { IntegrationsSection } from "@/components/IntegrationsSection";
import { SecuritySection } from "@/components/SecuritySection";
import { SDKSection } from "@/components/SDKSection";
import { TestimonialsSection } from "@/components/TestimonialsSection";
import { PricingSection } from "@/components/PricingSection";
import { CTASection } from "@/components/CTASection";
Expand All @@ -21,11 +16,6 @@ export default function Home() {
<HeroSection />
<ServicesSection />
<ProcessSection />
<InfraSection />
<MetricsSection />
<IntegrationsSection />
<SecuritySection />
<SDKSection />
<TestimonialsSection />
<PricingSection />
<CTASection />
Expand Down
13 changes: 9 additions & 4 deletions src/components/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
<footer className="relative border-t border-white/10 py-16 lg:py-20 overflow-hidden">
{/* Coral ocean background */}
<div className="absolute top-0 left-0 w-full h-full pointer-events-none opacity-30">
<img

Check warning on line 34 in src/components/Footer.tsx

View workflow job for this annotation

GitHub Actions / check 

Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
src="/images/ocean/ocean-garden.jpg"
alt=""
aria-hidden="true"
Expand All @@ -57,13 +57,18 @@
</p>
{/* Social */}
<div className="flex items-center gap-4 mt-6">
{["Twitter", "GitHub", "LinkedIn"].map((social) => (
{[
{ name: "Twitter", href: "https://twitter.com/9ruby", label: "Follow on Twitter" },
{ name: "GitHub", href: "https://github.com/ixruby", label: "View on GitHub" },
{ name: "LinkedIn", href: "https://linkedin.com/company/9ruby", label: "Follow on LinkedIn" },
].map((social) => (
<a
key={social}
href="#"
key={social.name}
href={social.href}
aria-label={social.label}
className="text-xs text-white/25 hover:text-white/50 transition-colors font-[family-name:var(--font-jetbrains-mono)]"
>
{social}
{social.name}
</a>
))}
</div>
Expand Down
3 changes: 3 additions & 0 deletions src/components/HeroSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,6 +67,9 @@ export function HeroSection() {
<span className="inline-flex items-center gap-3 text-sm font-[family-name:var(--font-jetbrains-mono)] text-white/25">
<span className="w-8 h-px bg-white/30" />
AI-powered marketing agency that never sleeps
<span lang="ar" dir="rtl" className="text-white/20 font-[family-name:var(--font-noto-kufi)] text-xs">
نقطة البداية
</span>
</span>
</div>

Expand Down
1 change: 1 addition & 0 deletions src/components/PricingSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@
>
{/* CTA creature/whale background */}
<div className="absolute bottom-0 right-0 w-[500px] h-[400px] pointer-events-none opacity-50">
<img

Check warning on line 68 in src/components/PricingSection.tsx

View workflow job for this annotation

GitHub Actions / check 

Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
src="/images/original/cta-creature.png"
alt=""
aria-hidden="true"
Expand All @@ -81,6 +81,7 @@
<span className="inline-flex items-center gap-3 text-sm font-[family-name:var(--font-jetbrains-mono)] text-white/25 mb-8">
<span className="w-12 h-px bg-white/20" />
Pricing
<span lang="ar" dir="rtl" className="text-white/20 text-xs">الأسعار</span>
<span className="w-12 h-px bg-white/20" />
</span>
<h2 className="text-6xl md:text-7xl lg:text-[96px] font-[family-name:var(--font-instrument-serif)] tracking-tight leading-[0.9]">
Expand Down
1 change: 1 addition & 0 deletions src/components/ProcessSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@
<span className="inline-flex items-center gap-3 text-sm font-[family-name:var(--font-jetbrains-mono)] text-white/25 mb-8">
<span className="w-12 h-px bg-white/20" />
Process
<span lang="ar" dir="rtl" className="text-white/20 text-xs">منهج العمل</span>
</span>
</ScrollReveal>
<ScrollReveal delay={100}>
Expand All @@ -54,7 +55,7 @@
</div>
<ScrollReveal delay={200}>
<div className="relative h-[320px] lg:h-[640px] overflow-hidden">
<img

Check warning on line 58 in src/components/ProcessSection.tsx

View workflow job for this annotation

GitHub Actions / check 

Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
src="/images/original/bonsai-tree.png"
alt=""
aria-hidden="true"
Expand Down
1 change: 1 addition & 0 deletions src/components/ServicesSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
<span className="inline-flex items-center gap-3 text-sm font-[family-name:var(--font-jetbrains-mono)] text-white/25 mb-6">
<span className="w-12 h-px bg-white/30" />
Services
<span lang="ar" dir="rtl" className="text-white/20 text-xs">خدمات</span>
</span>
<ScrollReveal>
<h2 className="text-6xl md:text-7xl lg:text-[128px] font-[family-name:var(--font-instrument-serif)] tracking-tight leading-[0.9]">
Expand Down Expand Up @@ -61,7 +62,7 @@
</div>
</div>
<div className="hidden lg:block relative w-[42%] shrink-0 overflow-hidden">
<img

Check warning on line 65 in src/components/ServicesSection.tsx

View workflow job for this annotation

GitHub Actions / check 

Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Upscaled%20Image%20%2812%29-ng3RrNnsPMJ5CrtOjcPTmhHg01W11q.png"
alt=""
aria-hidden="true"
Expand Down
1 change: 1 addition & 0 deletions src/components/TestimonialsSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ export function TestimonialsSection() {
<span className="inline-flex items-center gap-3 text-sm font-[family-name:var(--font-jetbrains-mono)] text-black/30 mb-8">
<span className="w-12 h-px bg-black/20" />
Testimonials
<span lang="ar" dir="rtl" className="text-black/20 text-xs">ثقة العملاء</span>
</span>
<h2 className="text-5xl md:text-6xl lg:text-7xl font-[family-name:var(--font-instrument-serif)] tracking-tight leading-[0.9] mb-16">
Trusted by teams{" "}
Expand Down
Loading