Simplify Section component layout (#95)

* refactor: simplify Section component layout

* refactor: simplify trusted-by component layout

Author: sbansal1999

apps/docs/components/landing/section.tsx

@@ -1,4 +1,5 @@
 import type React from 'react';
+import { cn } from '@/lib/utils';
 import SectionSvg from './section-svg';
 
 const Section = ({
@@ -18,20 +19,14 @@ const Section = ({
 }) => {
 	return (
 		<div
-			className={`relative w-full ${customPaddings ? '' : 'py-8 sm:py-12 lg:py-16 xl:py-20'} ${className || ''} `}
+			className={cn(
+				'relative w-full border-x-0 lg:border-x',
+				!customPaddings && 'py-8 sm:py-12 lg:py-16 xl:py-20',
+				className
+			)}
 			id={id}
 		>
-			<div className="flex w-full">
-				{/* Left border line - hidden on mobile, visible on larger screens */}
-				<div className="hidden w-px flex-shrink-0 bg-stone-200 lg:block dark:bg-border" />
-
-				{/* Content with spacing */}
-				<div className="flex-1">{children}</div>
-
-				{/* Right border line - hidden on mobile, visible on larger screens */}
-				<div className="hidden w-px flex-shrink-0 bg-stone-200 lg:block dark:bg-border" />
-			</div>
-
+			{children}
 			{crosses && <SectionSvg crossesOffset={crossesOffset} />}
 		</div>
 	);

apps/docs/components/landing/trusted-by.tsx

@@ -103,15 +103,11 @@ import { LogoCarousel } from './logo-carousel';
 
 export const TrustedBy = () => {
 	return (
-		<div className="relative flex h-full w-full flex-col items-center overflow-hidden px-4 pt-6 sm:px-6 sm:pt-8 md:px-8">
-			<div className="w-full max-w-6xl space-y-6 text-center sm:space-y-8">
-				<h2 className="mx-auto max-w-xs font-medium text-foreground text-lg leading-tight sm:max-w-sm sm:text-xl md:text-2xl">
-					Trusted by developers around the world
-				</h2>
-				<div className="w-full">
-					<LogoCarousel columns={3} logos={logos} />
-				</div>
-			</div>
+		<div className="space-y-6 sm:space-y-8">
+			<h2 className="mx-auto max-w-xs text-center font-medium text-foreground text-lg leading-tight sm:max-w-sm sm:text-xl md:text-2xl">
+				Trusted by developers around the world
+			</h2>
+			<LogoCarousel columns={3} logos={logos} />
 		</div>
 	);
 };