Merge version_3 into main #6
122
src/app/about/page.tsx
Normal file
122
src/app/about/page.tsx
Normal file
@@ -0,0 +1,122 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Studio"
|
||||
navItems={[
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Let's Talk", href: "/contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About Studio Minimalist"
|
||||
description={[
|
||||
"We are an award-winning architecture studio dedicated to creating thoughtful, elegant spaces that stand the test of time. With 15+ years of experience, we've completed over 120 projects across residential, commercial, and cultural sectors.", "Our philosophy centers on minimalism, sustainability, and human-centered design. We believe that exceptional spaces are born from deep understanding, meticulous planning, and unwavering attention to detail. Every project is an opportunity to create lasting impact through simplicity and elegance.", "Our team of 12 architects and designers brings diverse expertise and a shared commitment to excellence. We've received recognition from leading industry organizations and maintain a 95% client satisfaction rate."
|
||||
]}
|
||||
showBorder={true}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "View Our Work", href: "#work" },
|
||||
{ text: "Get in Touch", href: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Leadership & Team"
|
||||
description="Meet the talented professionals behind our award-winning projects"
|
||||
tag="Our Team"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Alexandra Chen", role: "Founder & Principal Architect", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop", imageAlt: "Alexandra Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Williams", role: "Design Director", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop", imageAlt: "Marcus Williams"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sophie Laurent", role: "Senior Architect", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop", imageAlt: "Sophie Laurent"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Morrison", role: "Project Manager", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop", imageAlt: "James Morrison"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="credentials" data-section="credentials">
|
||||
<TextSplitAbout
|
||||
title="Credentials & Recognition"
|
||||
description={[
|
||||
"Our studio has been recognized by leading industry organizations for innovation and excellence in architectural design. We hold certifications in sustainable building practices and maintain partnerships with leading organizations in the field.", "Awards: International Design Excellence Award (2023), Green Architecture Prize (2022), Minimalist Space Award (2021), and 12 additional industry accolades over our 15-year history.", "We are committed to continuing education, sustainability, and ethical practice in all our work. Our team members regularly present at conferences and contribute to architectural publications worldwide."
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Download Our Portfolio", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Studio", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Process", href: "#process" },
|
||||
{ label: "Projects", href: "#work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Email", href: "mailto:hello@studiominimalist.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Sitemap", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Studio Minimalist. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
108
src/app/contact/page.tsx
Normal file
108
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,108 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Studio"
|
||||
navItems={[
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Let's Talk", href: "/contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Let's Create Something Beautiful Together"
|
||||
description="Get in touch with our team to discuss your architectural vision. We'd love to hear about your project and explore how we can help bring your ideas to life."
|
||||
tag="Get In Touch"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-office-design-workspace-room-concept_53876-16314.jpg?_wi=1"
|
||||
imageAlt="Modern minimalist office space"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Send us a message"
|
||||
description="Whether you have a question about a project, want to learn more about our process, or are ready to start your next architectural endeavor, we're here to help."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false },
|
||||
{ name: "company", type: "text", placeholder: "Company/Organization", required: false }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your project. What's your vision?", rows: 6,
|
||||
required: true
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop"
|
||||
imageAlt="Modern architectural interior with natural light"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
mediaAnimation="slide-up"
|
||||
onSubmit={(data) => {
|
||||
console.log("Form submitted:", data);
|
||||
// Handle form submission here
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Studio", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Process", href: "#process" },
|
||||
{ label: "Projects", href: "#work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Email", href: "mailto:hello@studiominimalist.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Sitemap", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Studio Minimalist. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -159,4 +159,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
107
src/app/portfolio/page.tsx
Normal file
107
src/app/portfolio/page.tsx
Normal file
@@ -0,0 +1,107 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Studio"
|
||||
navItems={[
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Let's Talk", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio" style={{ paddingTop: "120px" }}>
|
||||
<BlogCardTwo
|
||||
title="Drone Portfolio Gallery"
|
||||
description="Stunning aerial views and cinematic footage of our architectural projects"
|
||||
tag="Portfolio"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: ["Drone Photography", "Residential"],
|
||||
title: "Mountain Retreat Estate", excerpt: "Breathtaking aerial perspectives of a luxury residential estate nestled in the mountains, showcasing the seamless integration of modern architecture with natural landscape.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-mountain-landscape-modern-building-architecture_23-2150874156.jpg", imageAlt: "Drone aerial view of mountain retreat estate", authorName: "Drone Photography Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-with-headset_171337-8228.jpg", date: "15 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "2", category: ["Drone Video", "Commercial"],
|
||||
title: "Urban Commercial Complex", excerpt: "Dynamic cinematic drone footage capturing the scale and elegance of our latest commercial development in the heart of the city, highlighting architectural innovation.", imageSrc: "http://img.b2bpic.net/free-photo/urban-cityscape-modern-buildings-aerial-view_23-2150865432.jpg", imageAlt: "Drone video of urban commercial complex", authorName: "Cinematography Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-professional-woman-modern-office_171337-8345.jpg", date: "10 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "3", category: ["Drone Photography", "Residential"],
|
||||
title: "Coastal Villa Development", excerpt: "Stunning high-altitude photography of our beachfront villa complex, capturing the pristine coastline and architectural harmony with the natural environment.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-coastline-beach-resort-architecture_23-2150876543.jpg", imageAlt: "Drone photo of coastal villa development", authorName: "Drone Photography Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-with-headset_171337-8228.jpg", date: "05 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "4", category: ["Drone Video", "Mixed Use"],
|
||||
title: "Sustainable City Hub", excerpt: "Cinematic drone sequences showcasing our sustainable mixed-use development featuring green spaces, innovative design, and urban planning excellence.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-modern-green-sustainable-city-development_23-2150877654.jpg", imageAlt: "Drone video of sustainable city hub", authorName: "Cinematography Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-professional-woman-modern-office_171337-8345.jpg", date: "01 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "5", category: ["Drone Photography", "Residential"],
|
||||
title: "Contemporary Hillside Homes", excerpt: "Panoramic drone photography showcasing contemporary residential architecture on a dramatic hillside, with innovative terracing and stunning landscape integration.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-hillside-contemporary-homes-architecture_23-2150878765.jpg", imageAlt: "Drone photo of contemporary hillside homes", authorName: "Drone Photography Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-with-headset_171337-8228.jpg", date: "28 Dec 2024"
|
||||
},
|
||||
{
|
||||
id: "6", category: ["Drone Video", "Institutional"],
|
||||
title: "Cultural Center Campus", excerpt: "Sweeping aerial cinematic footage of our award-winning cultural center campus, demonstrating architectural excellence in educational and cultural spaces.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-cultural-center-modern-architecture_23-2150879876.jpg", imageAlt: "Drone video of cultural center campus", authorName: "Cinematography Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-professional-woman-modern-office_171337-8345.jpg", date: "25 Dec 2024"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Studio", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Process", href: "#process" },
|
||||
{ label: "Projects", href: "#work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Email", href: "mailto:hello@studiominimalist.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Sitemap", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Studio Minimalist. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
101
src/app/pricing/page.tsx
Normal file
101
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,101 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Check } from 'lucide-react';
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Studio"
|
||||
navItems={[
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Let's Talk", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing" style={{ paddingTop: "120px" }}>
|
||||
<PricingCardEight
|
||||
title="Our Pricing Packages"
|
||||
description="Choose the perfect plan for your architectural project needs"
|
||||
tag="Pricing"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Starter", price: "$5,000", subtitle: "Perfect for small residential projects", buttons: [{ text: "Get Started", href: "contact" }],
|
||||
features: [
|
||||
"Initial consultation & site analysis", "Concept design & mood boards", "2 revision rounds", "Email support", "Project timeline: 4-6 weeks"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", price: "$15,000", subtitle: "Ideal for medium-scale projects", buttons: [{ text: "Choose Plan", href: "contact" }],
|
||||
features: [
|
||||
"Comprehensive site analysis", "Full design development", "3D renderings & visualizations", "4 revision rounds", "Priority email & phone support", "Project management & coordination", "Project timeline: 8-12 weeks"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Enterprise", price: "$35,000+", subtitle: "For large commercial & complex projects", buttons: [{ text: "Contact Us", href: "contact" }],
|
||||
features: [
|
||||
"Full architectural services", "Advanced 3D modeling & VR tours", "Unlimited revisions", "Dedicated project manager", "24/7 priority support", "Construction administration", "Sustainability consultation", "Custom timeline negotiable"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Studio", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Process", href: "#process" },
|
||||
{ label: "Projects", href: "#work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Email", href: "mailto:hello@studiominimalist.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Sitemap", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Studio Minimalist. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
163
src/app/services/page.tsx
Normal file
163
src/app/services/page.tsx
Normal file
@@ -0,0 +1,163 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Studio"
|
||||
navItems={[
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Let's Talk", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Our Specialized Services"
|
||||
description="From aerial perspectives to detailed inspections, we deliver comprehensive visual solutions tailored to your project needs."
|
||||
tag="Professional Services"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-office-design-workspace-room-concept_53876-16314.jpg?_wi=1"
|
||||
imageAlt="Professional aerial and video production services"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "contact" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Why Choose Us"
|
||||
title="Precision, Excellence, and Creative Vision"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore Our Services", href: "#services" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
title="Our Service Offerings"
|
||||
description="Comprehensive visual documentation and production services"
|
||||
tag="Services"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Aerial Photography", description: "Stunning high-resolution aerial imagery capturing expansive landscapes, properties, and events from unique perspectives. Perfect for real estate marketing, tourism promotion, and architectural documentation.", imageSrc: "http://img.b2bpic.net/free-photo/businessmen-hands-white-table-with-documents-drafts_176420-346.jpg", imageAlt: "Aerial photography of landscape and properties"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Real Estate Videos", description: "Cinematic property showcases that highlight architectural features, layout, and potential. Our professional videography brings properties to life, increasing buyer interest and accelerating sales.", imageSrc: "http://img.b2bpic.net/free-photo/man-reading-blueprint-near-colleagues_23-2147808039.jpg", imageAlt: "Professional real estate video production"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Event Coverage", description: "Complete event documentation capturing the essence and energy of your occasion. From corporate functions to celebrations, we provide professional videography and photography that preserves your memories.", imageSrc: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg", imageAlt: "Professional event coverage and documentation"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Inspections & Documentation", description: "Detailed visual inspections for properties, infrastructure, and projects. We provide comprehensive documentation for assessment, insurance, maintenance tracking, and compliance purposes.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-landscape-with-photorealistic-view-moon_23-2151158652.jpg", imageAlt: "Professional inspection and documentation services"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Service Excellence"
|
||||
description="Our track record of quality and client satisfaction"
|
||||
tag="By The Numbers"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "500+", description: "Projects Delivered" },
|
||||
{ id: "2", value: "10+", description: "Years Experience" },
|
||||
{ id: "3", value: "98%", description: "Client Satisfaction" },
|
||||
{ id: "4", value: "24hrs", description: "Turnaround Available" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Ready to Capture Your Vision?"
|
||||
description="Contact us today to discuss your project needs. Whether you need aerial photography, real estate videos, event coverage, or inspection documentation, we're here to help."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-office-design-workspace-room-concept_53876-16314.jpg?_wi=2"
|
||||
imageAlt="Professional services inquiry and consultation"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Request Quote"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Aerial Photography", href: "#services" },
|
||||
{ label: "Real Estate Videos", href: "#services" },
|
||||
{ label: "Event Coverage", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/" },
|
||||
{ label: "Portfolio", href: "/" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Sitemap", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Studio. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user