245 lines
9.4 KiB
TypeScript
245 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import Link from "next/link";
|
|
import {
|
|
Award,
|
|
Phone,
|
|
} from "lucide-react";
|
|
|
|
export default function PortfolioPage() {
|
|
const navItems = [
|
|
{ name: "Work", id: "portfolio" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Commercial Video Production", href: "/portfolio" },
|
|
{ label: "Social Media Content", href: "/portfolio" },
|
|
{ label: "Creative Campaigns", href: "/portfolio" },
|
|
{ label: "Brand Visuals", href: "/portfolio" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/" },
|
|
{ label: "Portfolio", href: "/portfolio" },
|
|
{ label: "Contact", href: "/" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/968XXXXXXX" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Email", href: "mailto:hello@ventiart.om" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Venti"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Call Now",
|
|
href: "tel:+968XXXXXXX",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Our Complete Portfolio"
|
|
description="A comprehensive showcase of our award-winning commercial video production work across diverse industries and creative campaigns."
|
|
tag="Our Best Projects"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Automotive",
|
|
name: "Luxury Car Launch Campaign",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "Premium Execution",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/looks-far-away-modern-stylish-bearded-businessman-automobile-saloon_146671-16681.jpg?_wi=2",
|
|
imageAlt: "Automotive commercial video campaign",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Hospitality",
|
|
name: "Restaurant Promotional Reel",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "Award-Winning",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066341.jpg?_wi=2",
|
|
imageAlt: "Fine dining restaurant video production",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Retail",
|
|
name: "Fashion Brand Social Campaign",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "Viral Success",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-black-woman-running-small-business_23-2150171796.jpg?_wi=2",
|
|
imageAlt: "Fashion retail video content",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Construction",
|
|
name: "Interior Design Showcase",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "Premium Quality",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-stylish-black-silk-suit-sandals-sits-carpet-floor-living-room-ho_197531-33668.jpg?_wi=2",
|
|
imageAlt: "Interior design project video",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Corporate",
|
|
name: "Brand Story Documentary",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "Professional Grade",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-leader-following-delivery-truck-through-urban-traffic_482257-94095.jpg?_wi=2",
|
|
imageAlt: "Corporate brand story video",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Digital Marketing",
|
|
name: "Influencer Collaboration",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "High Engagement",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-recording-video-her-room-has-camera-coffee-table-reviewing_1258-281694.jpg?_wi=2",
|
|
imageAlt: "Social media influencer collaboration video",
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-16 md:py-24"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-base md:text-lg text-gray-600 mt-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands"
|
|
description="Our portfolio spans multiple industries with successful projects for Oman's most recognized companies and startups."
|
|
tag="Industry Leaders"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"Automotive Dealers",
|
|
"Fine Dining",
|
|
"Fashion & Retail",
|
|
"Interior Design",
|
|
"Real Estate",
|
|
"Tech Startups",
|
|
"Healthcare",
|
|
"Hospitality",
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
containerClassName="py-16 md:py-24"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-base md:text-lg text-gray-600 mt-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Bring Your Vision to Life?"
|
|
ctaDescription="Browse our portfolio and see how we can transform your brand story into compelling video content that drives results."
|
|
ctaButton={{
|
|
text: "Schedule a Consultation",
|
|
href: "tel:+968XXXXXXX",
|
|
}}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Can I use these portfolio projects as references?",
|
|
content: "Absolutely. We're proud of our work and happy to discuss case studies, outcomes, and how similar projects can benefit your business.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you customize concepts from past projects?",
|
|
content: "Yes. We can adapt proven concepts and creative directions from our portfolio to fit your brand, industry, and specific goals.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What's the production timeline for a project like these?",
|
|
content: "Timeline varies by project scope. Most portfolio-level productions take 3-6 weeks from initial concept through final delivery.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Can you work with our existing brand guidelines?",
|
|
content: "Definitely. We integrate your brand identity, colors, tone, and messaging into custom video production that feels authentic to your business.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you offer different package levels?",
|
|
content: "We offer flexible options from quick turnaround videos to premium multi-week productions. We'll customize a package that fits your budget and needs.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "How do I request a custom quote for my project?",
|
|
content: "Contact us directly via phone, WhatsApp, or email. Share your project details, and we'll provide a detailed proposal and timeline.",
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
containerClassName="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/room-with-modern-paintings_1048-2469.jpg?_wi=2"
|
|
imageAlt="Venti Art Studio footer"
|
|
logoText="Venti Art Studio"
|
|
copyrightText="© 2025 Venti Art Studio. All rights reserved."
|
|
columns={footerColumns}
|
|
containerClassName="py-12 md:py-16"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |