Update src/app/services/page.tsx
This commit is contained in:
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -16,141 +16,48 @@ export default function LandingPage() {
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="layered-gradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Open Vibes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-grid" data-section="services-grid">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Social Media Management",
|
||||
descriptions: [
|
||||
"High-impact content curation",
|
||||
"Full brand management",
|
||||
"Strategy execution",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-smartphone-with-like-love-emotion-icon-social-media-marketing-concept-by-3d-render_616485-103.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Video Editing",
|
||||
descriptions: [
|
||||
"Cinematic cuts",
|
||||
"Fast-paced editing",
|
||||
"Trend-based visuals",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets_23-2149558753.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Meta Ads",
|
||||
descriptions: [
|
||||
"Performance-driven targeting",
|
||||
"High ROI ad strategy",
|
||||
"Conversion tracking",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137471.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Agency Services"
|
||||
description="Comprehensive marketing solutions tailored to scale your business growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Workflow"
|
||||
description="Our proprietary process ensures scale and consistency."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Strategy",
|
||||
content: "In-depth research and planning.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Creation",
|
||||
content: "High-fidelity production phase.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Open Vibes"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Open Vibes"
|
||||
/>
|
||||
<div className="pt-32 pb-20">
|
||||
<FeatureCardTwentyFour
|
||||
title="Luxury Digital Services"
|
||||
description="Premium creative solutions crafted with elegance and gold-standard precision."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Brand Identity", author: "Elite Creative", description: "Crafting timeless luxury identities.", tags: ["Gold Aesthetic", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14716.jpg?_wi=1" },
|
||||
{ id: "2", title: "Cinematic Video", author: "Studio Pro", description: "High-end motion graphics & video.", tags: ["Luxury", "Motion"], imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Let's Build Elegance"
|
||||
description="Schedule a private consultation for your premium brand needs."
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
logoText="Open Vibes"
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user