bender/3fbab1a8-ce8b-4f03-8ad3-1d4d84e66858
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 4 commits from version_2 into main 2026-03-12 20:28:53 +00:00
Conversation 0 Commits 4 Files Changed 4 +488 -8
4 changed files with 488 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,137 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="ShopHub"
navItems={[
{ name: "Shop", id: "products" },
{ name: "About", id: "/about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Start Shopping", href: "/" }}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Building a community around" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160728.jpg", alt: "ShopHub brand" },
{ type: "text", content: "quality and trust" }
]}
useInvertedBackground={false}
buttons={[
{ text: "Learn More", href: "#team" },
{ text: "Contact Us", href: "#contact" }
]}
/>
</div>
<div id="story" data-section="story">
<ContactText
text="ShopHub started with a simple mission: to make premium products accessible to everyone. We believe that quality shouldn't come with a premium price tag, and that exceptional customer service is the foundation of every transaction. Our journey began in 2020, and today we're proud to serve thousands of satisfied customers worldwide. We're committed to curating the best products, providing transparent pricing, and delivering an unparalleled shopping experience."
animationType="entrance-slide"
buttons={[
{ text: "Shop Now", href: "/" },
{ text: "Our Values", href: "#team" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Meet the team behind ShopHub"
tag="Our Team"
members={[
{
id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg", imageAlt: "Sarah Mitchell, Founder & CEO"
},
{
id: "2", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", imageAlt: "Marcus Johnson, Head of Operations"
},
{
id: "3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg", imageAlt: "Emily Chen, Product Director"
},
{
id: "4", name: "David Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", imageAlt: "David Rodriguez, Head of Customer Success"
}
]}
memberVariant="card"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Have questions about our products or services? We'd love to hear from you. Reach out to our team and we'll get back to you as soon as possible."
animationType="entrance-slide"
buttons={[
{ text: "Email Us", href: "mailto:hello@shophub.com" },
{ text: "Back to Shop", href: "/" }
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/creative-flat-lay-workspace-desk_1182-2703.jpg"
imageAlt="modern product collection lifestyle photography"
logoText="ShopHub"
copyrightText="© 2025 ShopHub. All rights reserved."
columns={[
{
title: "Shop", items: [
{ label: "All Products", href: "/" },
{ label: "New Arrivals", href: "/" },
{ label: "Best Sellers", href: "/" },
{ label: "Collections", href: "/" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
{ label: "Press", href: "/press" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "/faq" },
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns", href: "/returns" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

16
src/app/page.tsx
View File

@@ -29,7 +29,7 @@ export default function Page() {
brandName="ShopHub"
navItems={[
{ name: "Shop", id: "products" },
{ name: "About", id: "about" },
{ name: "About", id: "/about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
@@ -116,22 +116,22 @@ export default function Page() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Mitchell, Fashion Enthusiast", date: "Date: 15 December 2024", title: "Exactly What I Was Looking For", quote: "The quality of products exceeded my expectations. Shipping was incredibly fast and the customer service team was helpful every step of the way.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg", avatarAlt: "professional woman headshot portrait photography", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3915.jpg", imageAlt: "happy customer with shopping bags smiling"
id: "1", name: "Sarah Mitchell", date: "15 December 2024", title: "Exactly What I Was Looking For", quote: "The quality of products exceeded my expectations. Shipping was incredibly fast and the customer service team was helpful every step of the way.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg", avatarAlt: "professional woman headshot portrait photography", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3915.jpg", imageAlt: "happy customer with shopping bags smiling"
},
{
id: "2", name: "Marcus Johnson, Professional", date: "Date: 10 December 2024", title: "Outstanding Value and Quality", quote: "I've purchased from many online retailers, but this platform stands out for its attention to detail and genuine care for customer satisfaction.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", avatarAlt: "professional man headshot business portrait", imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17109.jpg", imageAlt: "professional man satisfied customer portrait"
id: "2", name: "Marcus Johnson", date: "10 December 2024", title: "Outstanding Value and Quality", quote: "I've purchased from many online retailers, but this platform stands out for its attention to detail and genuine care for customer satisfaction.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", avatarAlt: "professional man headshot business portrait", imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17109.jpg", imageAlt: "professional man satisfied customer portrait"
},
{
id: "3", name: "Emily Chen, Small Business Owner", date: "Date: 5 December 2024", title: "Reliable Partner for My Needs", quote: "As a business owner, I appreciate the reliability and consistency. The product quality never wavers, and their support is always responsive.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg", avatarAlt: "professional woman headshot business portrait", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", imageAlt: "business owner entrepreneur success portrait"
id: "3", name: "Emily Chen", date: "5 December 2024", title: "Reliable Partner for My Needs", quote: "As a business owner, I appreciate the reliability and consistency. The product quality never wavers, and their support is always responsive.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg", avatarAlt: "professional woman headshot business portrait", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", imageAlt: "business owner entrepreneur success portrait"
},
{
id: "4", name: "David Rodriguez, Tech Enthusiast", date: "Date: 1 December 2024", title: "Perfect for My Lifestyle", quote: "Every product I've ordered has been perfect. The descriptions are accurate, the prices are fair, and the overall experience is seamless.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", avatarAlt: "tech professional man headshot portrait", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop-beach_23-2148578239.jpg", imageAlt: "tech enthusiast man with gadgets lifestyle"
id: "4", name: "David Rodriguez", date: "1 December 2024", title: "Perfect for My Lifestyle", quote: "Every product I've ordered has been perfect. The descriptions are accurate, the prices are fair, and the overall experience is seamless.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", avatarAlt: "tech professional man headshot portrait", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop-beach_23-2148578239.jpg", imageAlt: "tech enthusiast man with gadgets lifestyle"
},
{
id: "5", name: "Jessica Williams, Lifestyle Blogger", date: "Date: 28 November 2024", title: "Worth Every Penny", quote: "I recommend this platform to all my followers. The products are premium quality and the shopping experience is delightful from start to finish.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", avatarAlt: "professional woman lifestyle portrait photography", imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg", imageAlt: "lifestyle blogger woman products portrait"
id: "5", name: "Jessica Williams", date: "28 November 2024", title: "Worth Every Penny", quote: "I recommend this platform to all my followers. The products are premium quality and the shopping experience is delightful from start to finish.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", avatarAlt: "professional woman lifestyle portrait photography", imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg", imageAlt: "lifestyle blogger woman products portrait"
},
{
id: "6", name: "Robert Thompson, Corporate Executive", date: "Date: 22 November 2024", title: "Consistent Excellence", quote: "We bulk order from this platform for our office. The consistency in quality, reliable shipping, and professional service make them our go-to supplier.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-moody-young-male-classic-white-shirt-red-tie-crossed-his-hands-looking-camera-while-posing-blue-background-stylish-haircut-sincere-emotions-concept-c_639032-2234.jpg", avatarAlt: "executive man professional headshot corporate", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-travel-agency_23-2150433442.jpg", imageAlt: "corporate team office workspace professional"
id: "6", name: "Robert Thompson", date: "22 November 2024", title: "Consistent Excellence", quote: "We bulk order from this platform for our office. The consistency in quality, reliable shipping, and professional service make them our go-to supplier.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-moody-young-male-classic-white-shirt-red-tie-crossed-his-hands-looking-camera-while-posing-blue-background-stylish-haircut-sincere-emotions-concept-c_639032-2234.jpg", avatarAlt: "executive man professional headshot corporate", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-travel-agency_23-2150433442.jpg", imageAlt: "corporate team office workspace professional"
}
]}
/>
@@ -167,7 +167,7 @@ export default function Page() {
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
{ label: "Press", href: "/press" }

190
src/app/portfolio/page.tsx Normal file
View File

@@ -0,0 +1,190 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Award, TrendingUp } from "lucide-react";
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="ShopHub"
navItems={[
{ name: "Shop", id: "products" },
{ name: "Portfolio", id: "portfolio" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Start Shopping", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Our Successful Client Projects & Case Studies"
description="Explore our portfolio of premium product collections and showcase how we've helped brands and businesses succeed with curated, high-quality solutions."
tag="Case Studies"
tagIcon={Sparkles}
background={{ variant: "radial-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160728.jpg", imageAlt: "premium portfolio collection showcase"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg", imageAlt: "professional portfolio project display"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/organic-sale-instagram-stories_23-2148607116.jpg", imageAlt: "stylish project showcase professional"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-concept-studio-creativity_23-2148835317.jpg", imageAlt: "premium portfolio showcase elegant setup"
}
]}
mediaAnimation="none"
buttons={[
{ text: "View Case Studies", href: "#products" },
{ text: "Explore Results", href: "#testimonials" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Featured Client Projects"
description="Discover the successful projects we've completed for our clients. From product launches to brand transformations, see real results and impactful work."
products={[
{
id: "1", name: "E-Commerce Platform Redesign", price: "Results: 340% Growth", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-vintage-backpack_23-2148752408.jpg", imageAlt: "e-commerce platform redesign project case study", initialQuantity: 1
},
{
id: "2", name: "Global Brand Launch Campaign", price: "Results: 2.5M Impressions", imageSrc: "http://img.b2bpic.net/free-photo/retro-broadcast-radio-receiver_1150-19429.jpg", imageAlt: "brand launch campaign successful results", initialQuantity: 1
},
{
id: "3", name: "Product Line Expansion Strategy", price: "Results: 85% Conversion Lift", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176144.jpg", imageAlt: "product expansion strategy case study results", initialQuantity: 1
},
{
id: "4", name: "Premium Retail Experience Overhaul", price: "Results: 92% Customer Satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg", imageAlt: "retail experience transformation project", initialQuantity: 1
},
{
id: "5", name: "Luxury Collection Positioning", price: "Results: 156% Revenue Increase", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4166.jpg", imageAlt: "luxury collection positioning case study", initialQuantity: 1
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Brands We've Partnered With"
description="Join the companies that have transformed their business with our curated solutions and strategic approach."
textboxLayout="default"
useInvertedBackground={true}
names={[
"TechFlow Industries", "Global Commerce Co", "Premium Goods Ltd", "Innovation Partners", "Quality Ventures", "Elite Retail Group", "Smart Solutions Inc"
]}
speed={40}
showCard={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Client Success Stories"
description="Hear directly from the brands and businesses we've helped achieve remarkable growth and transformation."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Mitchell, Brand Director", date: "Date: 15 December 2024", title: "Exceeded All Our Expectations", quote: "Their strategic approach to our product launch resulted in unprecedented market penetration. The attention to detail and creative execution was exceptional.", tag: "250% ROI", avatarSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg", avatarAlt: "professional brand director headshot", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3915.jpg", imageAlt: "successful campaign results celebration"
},
{
id: "2", name: "Marcus Johnson, CEO", date: "Date: 10 December 2024", title: "Transformative Partnership", quote: "Working with this team completely transformed how we approach our market. Their insights and execution strategy took us from struggling to thriving.", tag: "180% Growth", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", avatarAlt: "successful CEO business portrait", imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17109.jpg", imageAlt: "business growth success portrait"
},
{
id: "3", name: "Emily Chen, Retail Manager", date: "Date: 5 December 2024", title: "Industry-Leading Results", quote: "We've tried many agencies, but none delivered like this. The results speak for themselves - our customer base doubled and loyalty increased significantly.", tag: "92% Retention", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg", avatarAlt: "retail manager professional portrait", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", imageAlt: "business success celebration achievement"
},
{
id: "4", name: "David Rodriguez, Product Manager", date: "Date: 1 December 2024", title: "Perfect Execution Strategy", quote: "From concept to launch, the execution was flawless. They understood our vision and delivered beyond what we imagined. Best investment we've made.", tag: "340% Conversion", avatarSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", avatarAlt: "product manager professional portrait", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop-beach_23-2148578239.jpg", imageAlt: "successful product launch celebration"
},
{
id: "5", name: "Jessica Williams, Marketing Lead", date: "Date: 28 November 2024", title: "Outstanding Strategic Partnership", quote: "They became an extension of our team. The strategic insights and creative solutions helped us achieve goals we thought were impossible.", tag: "2.5M+ Reach", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", avatarAlt: "marketing leader professional portrait", imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg", imageAlt: "successful marketing campaign results"
},
{
id: "6", name: "Robert Thompson, Executive Director", date: "Date: 22 November 2024", title: "Game-Changing Results", quote: "The portfolio work speaks for itself. What impressed us most was their ability to understand our unique challenges and deliver tailored solutions.", tag: "156% Revenue", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-moody-young-male-classic-white-shirt-red-tie-crossed-his-hands-looking-camera-while-posing-blue-background-stylish-haircut-sincere-emotions-concept-c_639032-2234.jpg", avatarAlt: "executive director professional portrait", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-travel-agency_23-2150433442.jpg", imageAlt: "successful partnership team celebration"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to achieve extraordinary results? Let's discuss how we can help your business reach new heights with our proven strategies and exceptional execution."
animationType="entrance-slide"
buttons={[
{ text: "Start Your Project", href: "#contact-form" },
{ text: "Get a Consultation", href: "#contact-form" }
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/creative-flat-lay-workspace-desk_1182-2703.jpg"
imageAlt="portfolio project success collection"
logoText="ShopHub"
copyrightText="© 2025 ShopHub. All rights reserved."
columns={[
{
title: "Portfolio", items: [
{ label: "Case Studies", href: "#products" },
{ label: "Client Results", href: "#testimonials" },
{ label: "Success Stories", href: "#testimonials" },
{ label: "Projects", href: "#products" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Blog", href: "/" },
{ label: "Careers", href: "/" },
{ label: "Press", href: "/" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "/" },
{ label: "Resources", href: "/" },
{ label: "Get Started", href: "#contact-form" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

153
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,153 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Share2, FileText, TrendingUp } from "lucide-react";
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="ShopHub"
navItems={[
{ name: "Shop", id: "products" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Our Professional Services"
description="Comprehensive digital solutions designed to elevate your brand and drive growth. Discover our expertise in social media, content creation, and advertising."
tag="Services"
tagIcon={Sparkles}
background={{ variant: "radial-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/creative-team-brainstorming-meeting_23-2149176144.jpg", imageAlt: "professional services team collaboration"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together-project-planning_23-2150160728.jpg", imageAlt: "digital marketing team working together"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-recording-video-studio_23-2148607116.jpg", imageAlt: "content creation studio production"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-analytics-dashboard_23-2148835317.jpg", imageAlt: "marketing analytics and data visualization"
}
]}
mediaAnimation="none"
buttons={[
{ text: "Explore Services", href: "#services" },
{ text: "Contact Us", href: "#contact" }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyThree
features={[
{
id: "1", title: "Social Media Management", tags: ["Strategy", "Engagement", "Growth"],
imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-with-icons_23-2150160728.jpg", imageAlt: "social media management dashboard", onFeatureClick: () => {}
},
{
id: "2", title: "Content Creation", tags: ["Visual", "Video", "Copy"],
imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-editing-photos-studio_23-2148752408.jpg", imageAlt: "content creation process", onFeatureClick: () => {}
},
{
id: "3", title: "Digital Advertising", tags: ["Campaigns", "Analytics", "ROI"],
imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-advertising-metrics_23-2149176144.jpg", imageAlt: "digital advertising analytics", onFeatureClick: () => {}
},
{
id: "4", title: "Brand Strategy", tags: ["Planning", "Identity", "Positioning"],
imageSrc: "http://img.b2bpic.net/free-photo/creative-brainstorm-session-with-team_23-2150198170.jpg", imageAlt: "brand strategy meeting", onFeatureClick: () => {}
},
{
id: "5", title: "Community Management", tags: ["Engagement", "Support", "Growth"],
imageSrc: "http://img.b2bpic.net/free-photo/customer-service-team-helping-customers_23-2148112961.jpg", imageAlt: "community management support", onFeatureClick: () => {}
},
{
id: "6", title: "Performance Analytics", tags: ["Metrics", "Reporting", "Optimization"],
imageSrc: "http://img.b2bpic.net/free-photo/data-analyst-reviewing-metrics_23-2149489836.jpg", imageAlt: "analytics dashboard reporting", onFeatureClick: () => {}
}
]}
animationType="slide-up"
title="What We Offer"
description="Our comprehensive range of digital services designed to help your business thrive in today's competitive landscape."
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to take your digital presence to the next level? Let's discuss how our services can drive real results for your business."
animationType="entrance-slide"
buttons={[
{ text: "Schedule Consultation", href: "mailto:contact@shophub.com" },
{ text: "View Portfolio", href: "#services" }
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/creative-team-office-workspace_23-2148835317.jpg"
imageAlt="creative team office environment"
logoText="ShopHub"
copyrightText="© 2025 ShopHub. All rights reserved."
columns={[
{
title: "Services", items: [
{ label: "Social Media Management", href: "#services" },
{ label: "Content Creation", href: "#services" },
{ label: "Digital Advertising", href: "#services" },
{ label: "Brand Strategy", href: "#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
{ label: "Press", href: "/press" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "/faq" },
{ label: "Documentation", href: "/docs" },
{ label: "Support Center", href: "/support" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}