bender/24cd0929-c5c8-4553-85d1-b791982d042f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-02-18 09:50:16 +00:00
parent df20f4e6ac 431dc93795
commit 27f62e4edd
5 changed files with 152 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/blog/page.tsx
View File

@@ -89,4 +89,4 @@ export default function BlogPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

2
src/app/layout.tsx
View File

@@ -1321,4 +1321,4 @@ export default function RootLayout({
</ServiceWrapper> </ServiceWrapper>
</html> </html>
); );
} }

13
src/app/page.tsx
View File

@@ -143,7 +143,7 @@ export default function LandingPage() {
} }
]} ]}
title="Client Testimonials" title="Client Testimonials"
description: "Hear from brands and entrepreneurs who've transformed their presence with our video production." description="Hear from brands and entrepreneurs who've transformed their presence with our video production."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
/> />
@@ -186,7 +186,14 @@ export default function LandingPage() {
id: "3", title: "Do you handle post-production and editing?", content: "Yes, we handle the complete production pipeline including color grading, sound design, and motion graphics." id: "3", title: "Do you handle post-production and editing?", content: "Yes, we handle the complete production pipeline including color grading, sound design, and motion graphics."
} }
]} ]}
imageSrc: "https://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg", imageAlt: "Video production workspace", mediaAnimation: "slide-up", title: "Frequently Asked Questions", description: "Everything you need to know about working with Move and Movie.", textboxLayout: "default", faqsAnimation: "slide-up", useInvertedBackground: false imageSrc="https://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg"
imageAlt="Video production workspace"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Everything you need to know about working with Move and Movie."
textboxLayout="default"
faqsAnimation="slide-up"
useInvertedBackground={false}
/> />
</div> </div>
@@ -234,4 +241,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

172
src/app/shop/[id]/page.tsx
View File

@@ -82,33 +82,33 @@ export default function ProductPage({ params }: ProductPageProps) {
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Move and Movie" brandName="Move and Movie"
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Home","id":"/"},
{"name":"Portfolio","id":"portfolio"}, {"name":"Portfolio","id":"portfolio"},
{"name":"Services","id":"services"}, {"name":"Services","id":"services"},
{"name":"About","id":"about"}, {"name":"About","id":"about"},
{"name":"Testimonials","id":"testimonials"}, {"name":"Testimonials","id":"testimonials"},
{"name":"Contact","id":"contact"}, {"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading product...</p> <p className="text-foreground">Loading product...</p>
</main> </main>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
columns={[ columns={[
{"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]}, {"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]},
{"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]}, {"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]},
{"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]} {"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]}
]} ]}
logoText="Move and Movie" logoText="Move and Movie"
copyrightText="© 2025 Move and Movie. All rights reserved." copyrightText="© 2025 Move and Movie. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
@@ -157,15 +157,15 @@ export default function ProductPage({ params }: ProductPageProps) {
</div> </div>
</main> </main>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
columns={[ columns={[
{"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]}, {"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]},
{"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]}, {"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]},
{"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]} {"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]}
]} ]}
logoText="Move and Movie" logoText="Move and Movie"
copyrightText="© 2025 Move and Movie. All rights reserved." copyrightText="© 2025 Move and Movie. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
@@ -187,68 +187,68 @@ export default function ProductPage({ params }: ProductPageProps) {
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Move and Movie" brandName="Move and Movie"
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Home","id":"/"},
{"name":"Portfolio","id":"portfolio"}, {"name":"Portfolio","id":"portfolio"},
{"name":"Services","id":"services"}, {"name":"Services","id":"services"},
{"name":"About","id":"about"}, {"name":"About","id":"about"},
{"name":"Testimonials","id":"testimonials"}, {"name":"Testimonials","id":"testimonials"},
{"name":"Contact","id":"contact"}, {"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<div id="productDetailCard" data-section="productDetailCard"> <div id="productDetailCard" data-section="productDetailCard">
<ProductDetailCard <ProductDetailCard
layout="page" layout="page"
name={product.name} name={product.name}
price={product.price} price={product.price}
salePrice={meta.salePrice} salePrice={meta.salePrice}
rating={product.rating || 0} rating={product.rating || 0}
description={product.description} description={product.description}
images={images} images={images}
variants={variants.length > 0 ? variants : undefined} variants={variants.length > 0 ? variants : undefined}
quantity={quantityVariant} quantity={quantityVariant}
ribbon={meta.ribbon} ribbon={meta.ribbon}
inventoryStatus={meta.inventoryStatus} inventoryStatus={meta.inventoryStatus}
inventoryQuantity={meta.inventoryQuantity} inventoryQuantity={meta.inventoryQuantity}
sku={meta.sku} sku={meta.sku}
buttons={[ buttons={[
{ text: "Add To Cart", onClick: handleAddToCart }, { text: "Add To Cart", onClick: handleAddToCart },
{ text: "Buy Now", onClick: handleBuyNow }, { text: "Buy Now", onClick: handleBuyNow },
]} ]}
/> />
</div> </div>
<div id="productCart" data-section="productCart"> <div id="productCart" data-section="productCart">
<ProductCart <ProductCart
isOpen={cartOpen} isOpen={cartOpen}
onClose={() => setCartOpen(false)} onClose={() => setCartOpen(false)}
items={cartItems} items={cartItems}
onQuantityChange={updateQuantity} onQuantityChange={updateQuantity}
onRemove={removeItem} onRemove={removeItem}
total={`$${cartTotal}`} total={`$${cartTotal}`}
buttons={[ buttons={[
{ {
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout, text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
}, },
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
columns={[ columns={[
{"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]}, {"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]},
{"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]}, {"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]},
{"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]} {"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]}
]} ]}
logoText="Move and Movie" logoText="Move and Movie"
copyrightText="© 2025 Move and Movie. All rights reserved." copyrightText="© 2025 Move and Movie. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

108
src/app/shop/page.tsx
View File

@@ -32,33 +32,33 @@ export default function ShopPage() {
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Move and Movie" brandName="Move and Movie"
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Home","id":"/"},
{"name":"Portfolio","id":"portfolio"}, {"name":"Portfolio","id":"portfolio"},
{"name":"Services","id":"services"}, {"name":"Services","id":"services"},
{"name":"About","id":"about"}, {"name":"About","id":"about"},
{"name":"Testimonials","id":"testimonials"}, {"name":"Testimonials","id":"testimonials"},
{"name":"Contact","id":"contact"}, {"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Cart", onClick: () => console.log("cart") }} button={{ text: "Cart", onClick: () => console.log("cart") }}
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p> <p className="text-foreground">Loading products...</p>
</main> </main>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
columns={[ columns={[
{"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]}, {"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]},
{"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]}, {"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]},
{"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]} {"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]}
]} ]}
logoText="Move and Movie" logoText="Move and Movie"
copyrightText="© 2025 Move and Movie. All rights reserved." copyrightText="© 2025 Move and Movie. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
@@ -80,43 +80,43 @@ export default function ShopPage() {
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Move and Movie" brandName="Move and Movie"
navItems={[ navItems={[
{"name":"Home","id":"/"}, {"name":"Home","id":"/"},
{"name":"Portfolio","id":"portfolio"}, {"name":"Portfolio","id":"portfolio"},
{"name":"Services","id":"services"}, {"name":"Services","id":"services"},
{"name":"About","id":"about"}, {"name":"About","id":"about"},
{"name":"Testimonials","id":"testimonials"}, {"name":"Testimonials","id":"testimonials"},
{"name":"Contact","id":"contact"}, {"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Cart", onClick: () => console.log("cart") }} button={{ text: "Cart", onClick: () => console.log("cart") }}
/> />
</div> </div>
<div id="productCatalog" data-section="productCatalog"> <div id="productCatalog" data-section="productCatalog">
<ProductCatalog <ProductCatalog
layout="page" layout="page"
products={products} products={products}
searchValue={search} searchValue={search}
onSearchChange={setSearch} onSearchChange={setSearch}
searchPlaceholder="Search products..." searchPlaceholder="Search products..."
filters={filters} filters={filters}
emptyMessage="No products found" emptyMessage="No products found"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
columns={[ columns={[
{"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]}, {"title":"Navigate","items":[{"label":"Home","href":"#hero"},{"label":"Portfolio","href":"#portfolio"},{"label":"Services","href":"#services"},{"label":"About","href":"#about"}]},
{"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]}, {"title":"Resources","items":[{"label":"FAQ","href":"#faq"},{"label":"Blog","href":"#"},{"label":"Case Studies","href":"#"},{"label":"Portfolio","href":"#portfolio"}]},
{"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]} {"title":"Connect","items":[{"label":"Contact Us","href":"#contact"},{"label":"Instagram","href":"https://instagram.com"},{"label":"YouTube","href":"https://youtube.com"},{"label":"LinkedIn","href":"https://linkedin.com"}]}
]} ]}
logoText="Move and Movie" logoText="Move and Movie"
copyrightText="© 2025 Move and Movie. All rights reserved." copyrightText="© 2025 Move and Movie. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }