Merge version_2 into main #1

Merged
bender merged 5 commits from version_2 into main 2026-04-20 01:07:06 +00:00
5 changed files with 197 additions and 163 deletions

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

@@ -0,0 +1,39 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function AboutPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Gallery", id: "/gallery" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="Local Business"
/>
<div className="pt-32">
<TextSplitAbout
title="About Our Company"
description={[
"Founded in 2010, Local Business has grown into a cornerstone of our community. We believe in providing personalized service and quality products.", "Our team is dedicated to excellence and ensuring every customer has a great experience, whether in-store or online."
]}
/>
</div>
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg"
logoText="Local Business"
columns={[]}
/>
</ReactLenis>
</ThemeProvider>
);
}

44
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,44 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function GalleryPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Gallery", id: "/gallery" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="Local Business"
/>
<div className="pt-32">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
title="Business Gallery"
description="A showcase of our shop, products, and community moments."
features={[
{ title: "Storefront", description: "Our welcoming entrance", imageSrc: "http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg" },
{ title: "Interior", description: "A look inside our shop", imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg" },
{ title: "Craftsmanship", description: "Detailing our work", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg" },
]}
/>
</div>
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg"
logoText="Local Business"
columns={[]}
/>
</ReactLenis>
</ThemeProvider>
);
}

49
src/app/location/page.tsx Normal file
View File

@@ -0,0 +1,49 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ReactLenis from "lenis/react";
export default function LocationPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/services" },
{ name: "Location", id: "/location" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Local Business"
/>
<div className="pt-32 pb-20 px-6 max-w-4xl mx-auto text-center">
<h1 className="text-4xl font-bold mb-6">Visit Our Location</h1>
<p className="text-lg text-gray-600 mb-8">Find us in the heart of the community, ready to serve you.</p>
<div className="aspect-video bg-gray-200 rounded-2xl flex items-center justify-center overflow-hidden">
<p>Interactive Map Integration Coming Soon</p>
</div>
<div className="mt-10 text-left space-y-4">
<p><strong>Address:</strong> 123 Community Way, Neighborhood City</p>
<p><strong>Hours:</strong> Mon-Sat: 9am - 8pm</p>
</div>
</div>
<ContactCTA
tag="Contact"
title="Questions about our location?"
description="Reach out to us if you need help finding our shop!"
buttons={[{ text: "Call Now", href: "tel:5550123" }]}
/>
<FooterMedia
logoText="Local Business"
columns={[
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -30,22 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/services" },
{ name: "Location", id: "/location" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Local Business"
/>
@@ -56,14 +45,8 @@ export default function LandingPage() {
logoText="Local Business"
description="Welcome to our neighborhood shop. We bring quality, care, and local charm to everything we offer. Experience the difference of a business rooted in our community."
buttons={[
{
text: "Visit Us",
href: "#contact",
},
{
text: "Call Now",
href: "tel:5550123",
},
{ text: "Visit Us", href: "/location" },
{ text: "Call Now", href: "tel:5550123" },
]}
imageSrc="http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg"
imageAlt="Our charming storefront"
@@ -75,39 +58,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Our Story"
description={[
"Founded with a passion for excellence, our shop serves as a hub for the community. We prioritize quality ingredients and personalized service in every interaction.",
"Our mission is to create a welcoming space where every customer feels valued and understood. From our curated selections to our expert staff, we are here for you.",
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Premium Selection",
description: "Hand-selected items meeting our highest quality standards.",
imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg",
imageAlt: "Professional services shop display",
},
{
title: "Expert Guidance",
description: "Professional support tailored to your unique requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182579.jpg",
imageAlt: "Diverse business service range",
},
{
title: "Local Craftsmanship",
description: "Supporting local artisans and bringing you the best designs.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg",
imageAlt: "Featured store selection",
},
]}
title="Our Products & Services"
description="Explore our curated list of high-quality items and services crafted to enhance your lifestyle."
"Founded with a passion for excellence, our shop serves as a hub for the community. We prioritize quality ingredients and personalized service in every interaction.", "Our mission is to create a welcoming space where every customer feels valued and understood. From our curated selections to our expert staff, we are here for you."]}
/>
</div>
@@ -116,46 +67,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Excellent Quality",
quote: "The best experience I've had in the neighborhood. Quality is unmatched.",
name: "John Doe",
role: "Regular Client",
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
},
{
id: "2",
title: "Highly Recommend",
quote: "Friendly service and a wonderful selection. Truly a hidden gem.",
name: "Jane Smith",
role: "Local Resident",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
},
{
id: "3",
title: "Great Atmosphere",
quote: "I always leave with a smile. The staff here are incredible.",
name: "Alex Johnson",
role: "Frequent Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-warehouse_107420-96564.jpg",
},
{
id: "4",
title: "Authentic Experience",
quote: "Real products, real people. You can't ask for better service.",
name: "Sarah Miller",
role: "Customer",
imageSrc: "http://img.b2bpic.net/free-photo/girl-shopping-mall-talking-phone_23-2148225605.jpg",
},
{
id: "5",
title: "Wonderful Find",
quote: "I'm so glad I found this place. Everything is perfect.",
name: "Michael Brown",
role: "Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-bag-friend_23-2147950284.jpg",
},
{ id: "1", title: "Excellent Quality", quote: "The best experience I've had in the neighborhood. Quality is unmatched.", name: "John Doe", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
{ id: "2", title: "Highly Recommend", quote: "Friendly service and a wonderful selection. Truly a hidden gem.", name: "Jane Smith", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
{ id: "3", title: "Great Atmosphere", quote: "I always leave with a smile. The staff here are incredible.", name: "Alex Johnson", role: "Frequent Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-warehouse_107420-96564.jpg" },
]}
title="Customer Stories"
description="Hear what our wonderful customers have to say about their experience."
@@ -167,21 +81,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What are your opening hours?",
content: "We are open Monday to Saturday from 9 AM to 8 PM.",
},
{
id: "2",
title: "Do you offer delivery?",
content: "Yes, we offer local delivery services for your convenience.",
},
{
id: "3",
title: "Can I reserve items?",
content: "Absolutely! Please contact us via phone to secure your items.",
},
{ id: "1", title: "What are your opening hours?", content: "We are open Monday to Saturday from 9 AM to 8 PM." },
{ id: "2", title: "Do you offer delivery?", content: "Yes, we offer local delivery services for your convenience." },
]}
title="Common Questions"
description="Everything you need to know about our business and services."
@@ -193,15 +94,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Partner A",
"Partner B",
"Partner C",
"Partner D",
"Partner E",
"Partner F",
"Partner G",
]}
names={["Partner A", "Partner B", "Partner C", "Partner D"]}
title="Trusted By The Community"
description="Proudly serving our neighborhood for over a decade."
/>
@@ -210,21 +103,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Ready to Experience Our Service?"
description="Drop by our shop or contact us directly to learn more about our offerings."
buttons={[
{
text: "Contact Us",
href: "#",
},
{
text: "Call Now",
href: "tel:5550123",
},
{ text: "Contact Us", href: "#" },
{ text: "Call Now", href: "tel:5550123" },
]}
/>
</div>
@@ -234,36 +119,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg"
logoText="Local Business"
columns={[
{
title: "Pages",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Call Us",
href: "tel:5550123",
},
{
label: "Visit Us",
href: "#contact",
},
],
},
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
{ title: "Contact", items: [{ label: "Call Us", href: "tel:5550123" }] },
]}
copyrightText="© 2025 Local Business | All Rights Reserved"
imageAlt="peaceful shop interior warm"
@@ -272,4 +129,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -0,0 +1,45 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ReactLenis from "lenis/react";
export default function ServicesPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/services" },
{ name: "Location", id: "/location" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Local Business"
/>
<div className="pt-24">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
title="Our Services"
description="We provide a comprehensive range of professional services tailored to the needs of our local community."
features={[
{ title: "Premium Consulting", description: "Personalized guidance for all your local business needs.", imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg" },
{ title: "Custom Design", description: "High-quality design services focused on your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182579.jpg" },
{ title: "Local Repairs", description: "Reliable repair services for your home and personal items.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg" }
]}
/>
</div>
<FooterMedia
logoText="Local Business"
columns={[
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}