Update src/app/about/page.tsx
This commit is contained in:
@@ -1,140 +1,58 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Film, Users, Heart } from "lucide-react";
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import TeamCardTen from "@/components/sections/team/TeamCardTen";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Wedding Photography", href: "/services" },
|
||||
{ label: "Cinematography", href: "/services" },
|
||||
{ label: "Engagement Shoots", href: "/services" },
|
||||
{ label: "Drone Coverage", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Portfolio", href: "/" },
|
||||
{ label: "Pricing", href: "/services" },
|
||||
{ label: "Contact", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Instagram", href: "https://instagram.com/lunaartprod" },
|
||||
{ label: "Facebook", href: "https://facebook.com/lunaartprod" },
|
||||
{ label: "Email", href: "mailto:hello@lunaartprod.com" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/21698123456" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Luna Art Prod"
|
||||
bottomLeftText="Kairouan, Tunisia"
|
||||
bottomRightText="hello@lunaartprod.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Booking", id: "/booking" },
|
||||
]}
|
||||
brandName="Webild"
|
||||
/>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
tagIcon={Film}
|
||||
tagAnimation="slide-up"
|
||||
title="Founded by John (Yahia Hamdi), a passionate cinematographer dedicated to capturing authentic emotions and timeless moments."
|
||||
description="Meet the Artist"
|
||||
subdescription="Cinematic Storyteller & Wedding Film Director"
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg"
|
||||
imageAlt="John Yahia Hamdi - Founder of Luna Art Prod"
|
||||
mediaAnimation="slide-up"
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Our company story" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
title="Meet Our Creative Team"
|
||||
description="Talented professionals dedicated to capturing your wedding story with artistry and precision."
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Yahia Hamdi",
|
||||
role: "Cinematographer & Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg?_wi=2",
|
||||
imageAlt: "John Yahia Hamdi",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sofia Martinez",
|
||||
role: "Lead Photographer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-holding-professional-dslr-camera-thinking_114579-64245.jpg?_wi=2",
|
||||
imageAlt: "Sofia Martinez",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karim Jendoubi",
|
||||
role: "Video Editor & Colorist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg?_wi=2",
|
||||
imageAlt: "Karim Jendoubi",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amira Bouaziz",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-traveler-with-backpack-holds-compact-photo-camera_613910-1402.jpg?_wi=2",
|
||||
imageAlt: "Amira Bouaziz",
|
||||
},
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "/" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={footerColumns}
|
||||
logoText="Luna Art Prod"
|
||||
copyrightText="© 2024 Luna Art Prod. All rights reserved. Wedding Photography & Cinematography in Tunisia."
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
title="Meet our talented team"
|
||||
tag="Team"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Team Member One", imageSrc: "/placeholder.jpg", imageAlt: "Team member"},
|
||||
{
|
||||
id: "2", name: "Team Member Two", imageSrc: "/placeholder.jpg", imageAlt: "Team member"},
|
||||
]}
|
||||
memberVariant="default"
|
||||
useInvertedBackground={false}
|
||||
membersAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user