A NEW ERA OF MARKETING

COMING SOON

A NEW ERA OF MARKETING COMING SOON

import React, { useState } from "react"; export default function OceanInvolvementExperience() { const [value, setValue] = useState(5); const levels = { 1: { title: "Hands Off", text: "We fully manage your social media while you focus on running the business.", }, 2: { title: "Light Input", text: "You approve ideas while we handle the strategy and execution.", }, 3: { title: "Collaborative", text: "A balanced partnership between your brand and our creative team.", }, 4: { title: "Highly Involved", text: "You stay active in campaigns, direction, and branding decisions.", }, 5: { title: "Full Control", text: "Your business is deeply integrated into every stage of the process.", }, }; const getStage = () => { if (value <= 2) return levels[1]; if (value <= 4) return levels[2]; if (value <= 6) return levels[3]; if (value <= 8) return levels[4]; return levels[5]; }; const current = getStage(); return (
{/* BACKGROUND */}
{/* HERO */}

Ocean Water Marketing

CHOOSE YOUR
INVOLVEMENT

Every business operates differently. Drag the slider to choose how involved you want to be in your social media strategy.

{/* MAIN PANEL */}
{/* DYNAMIC GLOW */}
{/* LABELS */}
Hands Off Fully Involved
{/* SLIDER */}
setValue(Number(e.target.value))} className="relative w-full bg-transparent appearance-none cursor-pointer z-20" />
{[1,2,3,4,5,6,7,8,9,10].map((num) => ( {num} ))}
{/* MAIN CONTENT */}
{/* LEFT SIDE */}
{value}

{current.title}

Social Media Experience

{current.text}

{/* RIGHT VISUAL */}
{/* BACKGROUND ORB */}
{/* TEXT CONTENT */}

Flexible Partnership

Built Around Your
Business

Whether you want complete management or full collaboration, we adapt to your workflow.

); }
import React, { useState } from "react"; export default function OceanInvolvementExperience() { const [value, setValue] = useState(5); const levels = { 1: { title: "Hands Off", text: "We fully manage your social media while you focus on running the business.", }, 2: { title: "Light Input", text: "You approve ideas while we handle the strategy and execution.", }, 3: { title: "Collaborative", text: "A balanced partnership between your brand and our creative team.", }, 4: { title: "Highly Involved", text: "You stay active in campaigns, direction, and branding decisions.", }, 5: { title: "Full Control", text: "Your business is deeply integrated into every stage of the process.", }, }; const getStage = () => { if (value <= 2) return levels[1]; if (value <= 4) return levels[2]; if (value <= 6) return levels[3]; if (value <= 8) return levels[4]; return levels[5]; }; const current = getStage(); return (
{/* BACKGROUND */}
{/* HERO */}

Ocean Water Marketing

CHOOSE YOUR
INVOLVEMENT

Every business operates differently. Drag the slider to choose how involved you want to be in your social media strategy.

{/* MAIN PANEL */}
{/* DYNAMIC GLOW */}
{/* LABELS */}
Hands Off Fully Involved
{/* SLIDER */}
setValue(Number(e.target.value))} className="relative w-full bg-transparent appearance-none cursor-pointer z-20" />
{[1,2,3,4,5,6,7,8,9,10].map((num) => ( {num} ))}
{/* MAIN CONTENT */}
{/* LEFT SIDE */}
{value}

{current.title}

Social Media Experience

{current.text}

{/* RIGHT VISUAL */}
{/* BACKGROUND ORB */}
{/* TEXT CONTENT */}

Flexible Partnership

Built Around Your
Business

Whether you want complete management or full collaboration, we adapt to your workflow.

); }