Merge version_2 into main #3
@@ -1,62 +1,29 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Nunito_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import "./styles/base.css";
|
||||
import "./styles/variables.css";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
const geist = Geist({
|
||||
variable: "--font-geist-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const nunitoSans = Nunito_Sans({
|
||||
variable: "--font-nunito-sans",
|
||||
subsets: ["latin"],
|
||||
const geistMono = Geist_Mono({
|
||||
variable: "--font-geist-mono", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "VOLGA - Premium Luxury Brand Excellence",
|
||||
description: "Transform your luxury brand with VOLGA. Strategic consulting, exclusive design, and high-end marketing for discerning clientele.",
|
||||
keywords: "luxury brand, premium consulting, exclusive design, high-end marketing, brand excellence, luxury strategy",
|
||||
openGraph: {
|
||||
title: "VOLGA - Luxury Brand Excellence",
|
||||
description: "Elevate your premium brand through sophisticated strategy and exceptional design.",
|
||||
siteName: "VOLGA",
|
||||
type: "website",
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "VOLGA - Premium Luxury Brands",
|
||||
description: "Transform your luxury brand with VOLGA's strategic excellence.",
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Create Next App", description: "Generated by create next app"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${nunitoSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={`${geist.variable} ${geistMono.variable}`}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1424,7 +1391,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
299
src/app/page.tsx
299
src/app/page.tsx
@@ -1,298 +1,31 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
import { Sparkles, Award, Gem, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="VOLGA"
|
||||
navItems={navItems}
|
||||
bottomLeftText="Luxury Excellence"
|
||||
bottomRightText="hello@volga.luxury"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Elevate Your Luxury Brand Experience"
|
||||
description="Discover how VOLGA transforms premium businesses through sophisticated strategy, exceptional design, and uncompromising excellence. We create pathways to success for discerning entrepreneurs and established luxury brands."
|
||||
tag="Premium Excellence"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021819.jpg",
|
||||
imageAlt: "VOLGA Premium Brand Showcase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-photo-camera_23-2148938488.jpg",
|
||||
imageAlt: "Luxury Excellence Detail",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by Leading Luxury Brands"
|
||||
ariaLabel="Hero section - VOLGA luxury brand introduction"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About Section */}
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Story"
|
||||
tagIcon={Award}
|
||||
title="Crafting Excellence for Discerning Clientele"
|
||||
description="At VOLGA, we specialize in elevating luxury brands through strategic innovation and meticulous execution. With over a decade of experience serving premium markets, we understand the unique demands of high-end clientele. Our approach combines timeless elegance with cutting-edge methodology to deliver transformative results."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Premium Brands Elevated",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fiance-with-friends-drining-wedding-day-indoors_8353-12087.jpg?_wi=1"
|
||||
imageAlt="VOLGA Team Excellence"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="About VOLGA - luxury brand excellence story"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Features Section */}
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Premium Services Tailored for Luxury Brands"
|
||||
description="Comprehensive solutions designed to elevate your brand presence and drive sustainable growth in the luxury market."
|
||||
tag="Services"
|
||||
tagIcon={Gem}
|
||||
features={[
|
||||
{
|
||||
title: "Luxury Brand Strategy",
|
||||
description: "Develop compelling narratives and positioning that resonate with affluent audiences and establish market leadership.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-associates-looking-into-project-details-timetables_482257-115638.jpg?_wi=1",
|
||||
imageAlt: "Premium Brand Strategy Consulting",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Design Excellence",
|
||||
description: "Create sophisticated visual identities and premium experiences that reflect your brand's uncompromising standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-background-concept_23-2148882657.jpg?_wi=1",
|
||||
imageAlt: "Luxury Design Services",
|
||||
},
|
||||
{
|
||||
title: "High-End Marketing Solutions",
|
||||
description: "Execute precision-targeted campaigns that connect with your most valuable customers and amplify brand prestige.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-leader-explaining-management-project-using-monitor-working-company-meeting-office-roo_482257-2924.jpg?_wi=1",
|
||||
imageAlt: "Luxury Marketing Excellence",
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Premium services section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear from distinguished clients who've experienced transformation through our premium services."
|
||||
tag="Client Stories"
|
||||
tagIcon={MessageSquare}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Victoria Sterling",
|
||||
handle: "CEO, Sterling Luxuries",
|
||||
testimonial: "VOLGA transformed our brand positioning in the luxury market. Their strategic insights and creative excellence are unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
imageAlt: "Victoria Sterling",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alexander Laurent",
|
||||
handle: "Director, Laurent Heritage",
|
||||
testimonial: "Working with VOLGA elevated our entire brand experience. They understand luxury in ways most agencies simply cannot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
|
||||
imageAlt: "Alexander Laurent",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Margot Beaumont",
|
||||
handle: "Founder, Beaumont Atelier",
|
||||
testimonial: "From strategy to execution, VOLGA delivered exceptional results. They are our trusted luxury brand partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg",
|
||||
imageAlt: "Margot Beaumont",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Christopher Ashford",
|
||||
handle: "Chairman, Ashford & Co",
|
||||
testimonial: "VOLGA's premium approach and meticulous attention to detail set them apart. Highly recommended for luxury brands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
imageAlt: "Christopher Ashford",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Isabelle Montague",
|
||||
handle: "Creative Director, Montague Designs",
|
||||
testimonial: "Exceptional partnership with VOLGA. They genuinely understand the nuances of premium market positioning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
|
||||
imageAlt: "Isabelle Montague",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sebastian Ravenna",
|
||||
handle: "Founder, Ravenna Collective",
|
||||
testimonial: "VOLGA delivered uncompromising excellence. They're the premium choice for luxury brand development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg",
|
||||
imageAlt: "Sebastian Ravenna",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
ariaLabel="Client testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Metrics Section */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Proven Impact for Premium Brands"
|
||||
tag="Impact & Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "$2.3B",
|
||||
description: "Total revenue generated for luxury clients through strategic initiatives and premium positioning.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "45%",
|
||||
description: "Average increase in brand value and market perception among luxury brands we've partnered with.",
|
||||
},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Impact metrics section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Begin Your Luxury Transformation"
|
||||
description="Connect with our team to explore how VOLGA can elevate your premium brand and drive exceptional growth. We're ready to discuss your vision."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your luxury brand and vision...",
|
||||
rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-smiling-curly-woman-talking-by-phone_171337-16735.jpg?_wi=1"
|
||||
imageAlt="VOLGA Luxury Consultation"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Schedule Consultation"
|
||||
ariaLabel="Contact form section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="VOLGA"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
<div className="min-h-screen flex items-center justify-center">
|
||||
<div className="text-center">
|
||||
<h1 className="text-4xl font-bold mb-4">Welcome to your site</h1>
|
||||
<p className="text-lg mb-8">Theme updated to tailorLock</p>
|
||||
<Link href="/services" className="text-blue-600 hover:underline">
|
||||
View Services
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -50,11 +50,14 @@ export default function ServicesPage() {
|
||||
tagIcon={Gem}
|
||||
features={[
|
||||
{
|
||||
title: "Luxury Brand Strategy", description: "Develop compelling narratives and positioning that resonate with affluent audiences and establish market leadership.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-associates-looking-into-project-details-timetables_482257-115638.jpg", imageAlt: "Premium Brand Strategy Consulting"},
|
||||
title: "Luxury Brand Strategy", description: "Develop compelling narratives and positioning that resonate with affluent audiences and establish market leadership.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-associates-looking-into-project-details-timetables_482257-115638.jpg", imageAlt: "Premium Brand Strategy Consulting"
|
||||
},
|
||||
{
|
||||
title: "Exclusive Design Excellence", description: "Create sophisticated visual identities and premium experiences that reflect your brand's uncompromising standards.", imageSrc: "http://img.b2bpic.net/free-photo/technological-background-concept_23-2148882657.jpg", imageAlt: "Luxury Design Services"},
|
||||
title: "Exclusive Design Excellence", description: "Create sophisticated visual identities and premium experiences that reflect your brand's uncompromising standards.", imageSrc: "http://img.b2bpic.net/free-photo/technological-background-concept_23-2148882657.jpg", imageAlt: "Luxury Design Services"
|
||||
},
|
||||
{
|
||||
title: "High-End Marketing Solutions", description: "Execute precision-targeted campaigns that connect with your most valuable customers and amplify brand prestige.", imageSrc: "http://img.b2bpic.net/free-photo/focused-man-leader-explaining-management-project-using-monitor-working-company-meeting-office-roo_482257-2924.jpg", imageAlt: "Luxury Marketing Excellence"},
|
||||
title: "High-End Marketing Solutions", description: "Execute precision-targeted campaigns that connect with your most valuable customers and amplify brand prestige.", imageSrc: "http://img.b2bpic.net/free-photo/focused-man-leader-explaining-management-project-using-monitor-working-company-meeting-office-roo_482257-2924.jpg", imageAlt: "Luxury Marketing Excellence"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -71,9 +74,11 @@ export default function ServicesPage() {
|
||||
tag="Service Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15+", description: "Years of dedicated experience in premium brand development and luxury market positioning."},
|
||||
id: "1", value: "15+", description: "Years of dedicated experience in premium brand development and luxury market positioning."
|
||||
},
|
||||
{
|
||||
id: "2", value: "98%", description: "Client retention rate demonstrating our commitment to long-term partnership and exceptional results."},
|
||||
id: "2", value: "98%", description: "Client retention rate demonstrating our commitment to long-term partnership and exceptional results."
|
||||
},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -120,12 +125,14 @@ export default function ServicesPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="VOLGA"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #e3deea;
|
||||
--card: #ffffff;
|
||||
--foreground: #1f2027;
|
||||
--primary-cta: #1f2027;
|
||||
--background: #fffefe;
|
||||
--card: #f6f7f4;
|
||||
--foreground: #080908;
|
||||
--primary-cta: #0e3a29;
|
||||
--primary-cta-text: #e3deea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #e7eecd;
|
||||
--secondary-cta-text: #1f2027;
|
||||
--accent: #627dc6;
|
||||
--background-accent: #627dc6;
|
||||
--accent: #35c18b;
|
||||
--background-accent: #ecebe4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user