126 lines
6.8 KiB
TypeScript
126 lines
6.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { Zap, Maximize } from "lucide-react";
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Som Gafwee"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "sparkles-gradient" }}
|
|
logoText="Som Gafwee"
|
|
description="We Build Brands That Stand Out. Transforming your digital vision into premium, interactive reality."
|
|
buttons={[{ text: "Hire Me", href: "/contact" }, { text: "View Portfolio", href: "/portfolio" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-preview" data-section="services-preview">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: 1, tag: "Design", title: "Logo Design", subtitle: "Identity", description: "Unique, memorable identities for growing brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j2b06" },
|
|
{ id: 2, tag: "Art", title: "Graphic Design", subtitle: "Visuals", description: "High-impact visuals for all your marketing needs.", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213611.jpg" },
|
|
{ id: 3, tag: "Dev", title: "Web Development", subtitle: "Frontend", description: "Fast, responsive, and futuristic web experiences.", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg" },
|
|
]}
|
|
title="Creative Excellence"
|
|
description="From pixel-perfect UI to strategic branding, we handle your digital growth."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", role: "CEO", testimonial: "Exceptional work on my brand identity. Truly futuristic!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg" },
|
|
{ id: "2", name: "Mike Chen", role: "CTO", testimonial: "Development speed and UI quality are top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg" },
|
|
{ id: "3", name: "Emily Rose", role: "Founder", testimonial: "My new website converted 30% better instantly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
|
|
{ id: "4", name: "David Kim", role: "Product Manager", testimonial: "The best design partner I have ever worked with.", imageSrc: "http://img.b2bpic.net/free-photo/smart-blonde-female-photographer-trendy-clothes-posing-while-leaning-professional-camera-with-tripod-studio-looks-camera-isolated-gray-background_613910-18613.jpg" },
|
|
{ id: "5", name: "Lisa Wang", role: "Lead Designer", testimonial: "Sleek visuals, professional communication, seamless result.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg" },
|
|
]}
|
|
title="Trusted by Creators"
|
|
description="See why our partners choose Som Gafwee for their design and development needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Why Choose Us"
|
|
description="We blend artistic precision with technical excellence."
|
|
features={[
|
|
{ title: "Futuristic Vision", description: "We stay ahead of design trends to keep your brand relevant.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg", imageAlt: "futuristic abstract creative background" },
|
|
{ title: "Pixel Perfection", description: "Obsessive attention to detail in every single frame.", buttonIcon: Maximize, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j2b06", imageAlt: "minimalist logo branding concept" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Our Impact"
|
|
description="Numbers that define our creative legacy."
|
|
metrics={[
|
|
{ id: "m1", value: "150+", title: "Projects Completed", description: "High-quality deliverables delivered.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-logos_23-2147510366.jpg" },
|
|
{ id: "m2", value: "98%", title: "Client Satisfaction", description: "Partnering for long-term success.", imageSrc: "http://img.b2bpic.net/free-photo/set-bell-reminder-notification-alert-alarm-icon-sign-symbol-application-website-ui-yellow-background-3d-rendering-illustration_56104-1307.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "Shop", href: "/shop" }] },
|
|
{ title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
|
|
{ title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
|
|
]}
|
|
logoText="Som Gafwee"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|