Merge version_2 into main #3
196
src/app/page.tsx
196
src/app/page.tsx
@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Headphones } from "lucide-react";
|
||||
import { Headphones, User, BarChart, Settings, Mail, Clock, ShieldCheck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,40 +30,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Cases",
|
||||
id: "cases",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Work", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Cases", id: "cases" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ALGER"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="ALGER"
|
||||
description="Sound Engineer / Producer. Sound level: USA & Europe. Fast. Clean. No vibe loss."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916013.jpg"
|
||||
imageAlt="Alger Sound Producer Hero"
|
||||
<HeroBillboardDashboard
|
||||
title="Sound Precision for Creators"
|
||||
description="Professional sound engineering and production. Elevating audio projects to international standards with speed and clarity."
|
||||
tag="ALGER STUDIO"
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
dashboard={{
|
||||
title: "Alger Sound Dashboard", logoIcon: Headphones,
|
||||
sidebarItems: [{ icon: User, active: true }, { icon: BarChart }, { icon: Settings }],
|
||||
chartTitle: "Production Volume", chartData: [{ value: 40 }, { value: 65 }, { value: 55 }, { value: 80 }, { value: 70 }],
|
||||
listTitle: "Recent Projects", listItems: [
|
||||
{ icon: Clock, title: "Mixing: Granz", status: "Completed" },
|
||||
{ icon: Zap, title: "Mastering: YANA M", status: "Completed" },
|
||||
{ icon: ShieldCheck, title: "Beat Production: Batiskaf", status: "In Progress" }
|
||||
],
|
||||
stats: [
|
||||
{ title: "Tracks Mixed", values: [450, 500, 550], description: "Professional mixing sessions completed." },
|
||||
{ title: "Artists", values: [120, 150, 180], description: "Unique artists collaborated with." },
|
||||
{ title: "Sound Assets", values: [800, 1000, 1200], description: "Custom sound designs delivered." }
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916013.jpg"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -87,42 +84,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mixing",
|
||||
price: "15,000 ₽+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mastering",
|
||||
price: "6,000 ₽+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Beat Production",
|
||||
price: "10,000 ₽+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Full Production",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vocal Edit",
|
||||
price: "From 5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sound Design",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=6",
|
||||
},
|
||||
{ id: "p1", name: "Mixing", price: "15,000 ₽+", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Mastering", price: "6,000 ₽+", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Beat Production", price: "10,000 ₽+", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=3" },
|
||||
{ id: "p4", name: "Full Production", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=4" },
|
||||
{ id: "p5", name: "Vocal Edit", price: "From 5k", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=5" },
|
||||
{ id: "p6", name: "Sound Design", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=6" },
|
||||
]}
|
||||
title="Services"
|
||||
description="Professional sound services for artists and creators."
|
||||
@@ -133,31 +100,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Гранж",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Тринадцать карат",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Shapo Dior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "YANA M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Батискаф",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=5",
|
||||
},
|
||||
{ id: "1", name: "Гранж", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=1" },
|
||||
{ id: "2", name: "Тринадцать карат", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=2" },
|
||||
{ id: "3", name: "Shapo Dior", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=3" },
|
||||
{ id: "4", name: "YANA M", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=4" },
|
||||
{ id: "5", name: "Батискаф", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=5" },
|
||||
]}
|
||||
cardTitle="Artist Collaborations"
|
||||
cardTag="CASE STUDIES"
|
||||
@@ -171,31 +118,11 @@ export default function LandingPage() {
|
||||
title="Why Work With Alger"
|
||||
tag="ADVANTAGES"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "USA/EU",
|
||||
description: "International Level Sound",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Speed",
|
||||
description: "Optimized workflow",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Vibe",
|
||||
description: "Deep understanding",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Clarity",
|
||||
description: "Crystal clear mix",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "Support",
|
||||
description: "Artist-first approach",
|
||||
},
|
||||
{ id: "m1", value: "USA/EU", description: "International Level Sound" },
|
||||
{ id: "m2", value: "Speed", description: "Optimized workflow" },
|
||||
{ id: "m3", value: "Vibe", description: "Deep understanding" },
|
||||
{ id: "m4", value: "Clarity", description: "Crystal clear mix" },
|
||||
{ id: "m5", value: "Support", description: "Artist-first approach" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -204,18 +131,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="CONTACT"
|
||||
title="Ready to work?"
|
||||
description="I respond quickly. Contact me on Telegram, Instagram, or Email."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:alger@studio.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Me", href: "mailto:alger@studio.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -224,30 +144,10 @@ export default function LandingPage() {
|
||||
logoText="ALGER"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Connect", items: [{ label: "Telegram", href: "#" }, { label: "Instagram", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Cases",
|
||||
href: "#cases",
|
||||
},
|
||||
],
|
||||
title: "Studio", items: [{ label: "Services", href: "#services" }, { label: "Cases", href: "#cases" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -255,4 +155,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user