Merge version_4 into main #11
178
src/app/about/page.tsx
Normal file
178
src/app/about/page.tsx
Normal file
@@ -0,0 +1,178 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Award, CheckCircle, Users, Zap, Linkedin, Twitter } from 'lucide-react';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Premier Exterior"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Get Quote", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Story"
|
||||
description="Premier Exterior was founded on a simple mission: to deliver exceptional craftsmanship and professional service to homeowners and businesses seeking to transform their exteriors. Over the past two decades, we've built our reputation on integrity, quality, and customer satisfaction."
|
||||
tag="Our Journey"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Founded in Excellence", description: "Started as a small family business with a passion for quality and precision", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Rapid Growth", description: "Expanded to serve thousands of satisfied customers across the region", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Industry Recognition", description: "Received numerous awards and certifications for our exceptional work", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Community Commitment", description: "Active members of local business associations and community initiatives", icon: Users
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg"
|
||||
imageAlt="Premier Exterior founding story"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
title="The Premier Experience"
|
||||
description="We believe that exceptional service goes beyond the finished project. It's about the entire experience you have with our team."
|
||||
tag="Our Approach"
|
||||
tagIcon={Zap}
|
||||
features={[
|
||||
{
|
||||
title: "Consultation & Assessment", description: "We start with a thorough consultation to understand your vision and assess your property's unique needs", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=1", imageAlt: "Professional consultation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=2", imageAlt: "Property assessment"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing", description: "Detailed quotes with no hidden fees. We believe in honest communication about costs and timelines", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-one-hand-wall-shopping-bag-other_1157-1995.jpg?_wi=1", imageAlt: "Quote presentation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-one-hand-wall-shopping-bag-other_1157-1995.jpg?_wi=2", imageAlt: "Budget-friendly options"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Expert Execution", description: "Our skilled team brings years of experience and attention to detail to every project, ensuring superior results", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1", imageAlt: "Expert installation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=2", imageAlt: "Quality workmanship"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Ongoing Support", description: "We don't disappear after the project. Our warranty and customer support ensure your peace of mind", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=1", imageAlt: "Customer support"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=2", imageAlt: "Long-term partnership"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Our Amazing Team"
|
||||
description="Meet the talented professionals dedicated to transforming your home's exterior"
|
||||
tag="Leadership & Experts"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "James Anderson", role: "Founder & CEO", description: "With 25+ years in the exterior contracting industry, James leads our vision for excellence and customer satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-with-beard-with-arms-crossed-gesture-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-13410.jpg", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Mitchell", role: "Project Manager", description: "Sarah ensures every project runs smoothly, managing timelines and quality control with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-welcome-gesture_1149-1755.jpg", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", name: "Michael Chen", role: "Lead Craftsman", description: "Michael leads our installation teams with 20 years of hands-on expertise in roofing, siding, and exterior renovations.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emma Rodriguez", role: "Customer Relations Specialist", description: "Emma is dedicated to ensuring every customer feels valued, from initial consultation through project completion and beyond.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14205.jpg", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Premier Exterior"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -32,7 +32,7 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "/about", id: "/about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
@@ -83,7 +83,7 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Learn More About Us", href: "about" }
|
||||
{ text: "Learn More About Us", href: "/about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user