bender/23cef0a6-a68c-4f87-b78c-2e99073e6ebf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-04-21 00:01:44 +00:00
parent 8a6fddced4 238cf5e496
commit ca980c3a88
3 changed files with 90 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,68 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Instagram, Twitter, Linkedin } from 'lucide-react';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="none"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Halle Berry"
navItems={[
{ name: "Home", id: "/" },
{ name: "Bio", id: "/about" },
{ name: "Experience", id: "/experiences" },
{ name: "Management", id: "/contact" }
]}
/>
<div className="pt-32 pb-16">
<ContactSplitForm
title="Management & Inquiries"
description="For business inquiries, event bookings, or media requests, please use the form below or reach out directly."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "subject", type: "text", placeholder: "Subject" }
]}
textarea={{ name: "message", placeholder: "Your Inquiry", rows: 5, required: true }}
imageSrc="https://img.b2bpic.net/free-photo/portrait-successful-woman_23-2148281315.jpg"
mediaPosition="right"
/>
<div className="text-center py-12">
<h3 className="text-2xl font-bold mb-4">Direct Contact</h3>
<p>Email: inquiries@halleberry.com</p>
<p className="mt-2 font-medium">WhatsApp: +1 (555) 012-3456</p>
</div>
</div>
<FooterCard
logoText="Halle Berry"
copyrightText="© 2025 | Halle Berry Management"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

72
src/app/page.tsx
View File

@@ -10,8 +10,9 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Star, Mail, Phone, MessageCircle, Instagram, Twitter, Linkedin } from 'lucide-react';
export default function LandingPage() {
return (
@@ -33,9 +34,9 @@ export default function LandingPage() {
brandName="Halle Berry"
navItems={[
{ name: "Bio", id: "about" },
{ name: "Work", id: "features" },
{ name: "Experience", id: "experiences" },
{ name: "Awards", id: "metrics" },
{ name: "Contact", id: "contact" }
{ name: "Management", id: "/contact" }
]}
/>
</div>
@@ -63,46 +64,15 @@ export default function LandingPage() {
/>
</div>
<div id="features" data-section="features">
<div id="experiences" data-section="experiences">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Career Highlights"
description="A look at her most iconic roles and achievements."
title="Fan Experience"
description="Exclusive offerings and unique experiences crafted for the true fan."
features={[
{ title: "Monster's Ball", description: "Academy Award-winning performance.", imageSrc: "https://img.b2bpic.net/free-photo/film-reel-clapperboard_23-2148301777.jpg" },
{ title: "X-Men", description: "Iconic role as Storm.", imageSrc: "https://img.b2bpic.net/free-photo/abstract-superhero-concept_23-2148301780.jpg" }
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
title="Exclusive Collection"
description="Curated items inspired by cinematic elegance."
useInvertedBackground={false}
products={[
{ id: "1", name: "Signed Poster", price: "$50", imageSrc: "https://img.b2bpic.net/free-photo/film-poster-concept_23-2148281330.jpg" },
{ id: "2", name: "Movie Script", price: "$100", imageSrc: "https://img.b2bpic.net/free-photo/vintage-notebook-desk_23-2148281335.jpg" },
{ id: "3", name: "Memorabilia", price: "$75", imageSrc: "https://img.b2bpic.net/free-photo/golden-award-trophy_23-2148281340.jpg" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
title="Subscription Access"
description="Get full access to all exclusive content."
useInvertedBackground={false}
plans={[
{ id: "fan", badge: "Fan", price: "$9/mo", subtitle: "Daily news updates", features: ["Exclusive content", "Behind the scenes"], buttons: [{ text: "Join" }] },
{ id: "vip", badge: "VIP", price: "$29/mo", subtitle: "Premium benefits", features: ["Direct Q&A", "Early access"], buttons: [{ text: "Subscribe" }] }
{ title: "Exclusive Meet & Greets", description: "Get direct access through private events.", imageSrc: "https://img.b2bpic.net/free-photo/film-reel-clapperboard_23-2148301777.jpg" },
{ title: "Curated Movie Archives", description: "Access rare insights and behind-the-scenes content.", imageSrc: "https://img.b2bpic.net/free-photo/abstract-superhero-concept_23-2148301780.jpg" }
]}
/>
</div>
@@ -112,7 +82,6 @@ export default function LandingPage() {
animationType="depth-3d"
gridVariant="uniform-all-items-equal"
textboxLayout="default"
useInvertedBackground={false}
title="Impact Stats"
description="Key milestones in her legendary career."
metrics={[
@@ -127,31 +96,20 @@ export default function LandingPage() {
cardTitle="What People Say"
cardTag="Testimonials"
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Fan Review", imageSrc: "https://img.b2bpic.net/free-photo/smiling-fan_23-2148281320.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Join the Fan Club"
description="Stay updated with latest news and announcements."
useInvertedBackground={false}
inputs={[
{ name: "name", type: "text", placeholder: "Full Name" },
{ name: "email", type: "email", placeholder: "Email Address" }
]}
mediaClassName="h-full"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterCard
logoText="Halle Berry"
columns={[
{ title: "Links", items: [{ label: "Home", href: "#" }] }
copyrightText="© 2025 | Halle Berry Management"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
]}
/>
</div>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);