Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 226ace1088 | |||
| da35bb7992 | |||
| 5c0fed59b3 | |||
| 1fd2185d92 | |||
| 3b06c86cda | |||
| 1a4d78a41d | |||
| e64e9125f2 | |||
| 3253b5af75 | |||
| f3ac1cd8ee | |||
| 11f9cbd486 | |||
| b62c659264 |
@@ -22,49 +22,51 @@ export default function AboutPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||||
<NavbarStyleFullscreen
|
<div id="nav" data-section="nav">
|
||||||
navItems={[
|
<NavbarStyleFullscreen
|
||||||
{ name: "Home", id: "/" },
|
navItems={[
|
||||||
{ name: "Templates", id: "/templates" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Freebies", id: "/freebies" },
|
{ name: "Templates", id: "/templates" },
|
||||||
{ name: "About", id: "/about" },
|
{ name: "Freebies", id: "/freebies" },
|
||||||
{ name: "Admin", id: "/admin" },
|
{ name: "About", id: "/about" },
|
||||||
]}
|
{ name: "Admin", id: "/admin" },
|
||||||
brandName="BrightBytee Studios"
|
]}
|
||||||
/>
|
brandName="BrightBytee Studios"
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="team" data-section="team">
|
<div id="team" data-section="team">
|
||||||
<TeamCardOne
|
<TeamCardOne
|
||||||
animationType="depth-3d"
|
animationType="depth-3d"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Meet The Visionaries"
|
title="Meet The Visionaries"
|
||||||
description="Young innovators on a mission to reshape digital design."
|
description="Young innovators on a mission to reshape digital design."
|
||||||
members={[
|
members={[
|
||||||
{ id: "t1", name: "Vihaan Shrivastava", role: "Founder & Creative Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg" },
|
{ id: "t1", name: "Vihaan Shrivastava", role: "Founder & Creative Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg" },
|
||||||
{ id: "t2", name: "Technical Architect", role: "Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" }
|
{ id: "t2", name: "Technical Architect", role: "Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about-studio" data-section="about-studio">
|
<div id="about-studio" data-section="about-studio">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="The BryteBytee Story"
|
title="The BryteBytee Story"
|
||||||
description={[
|
description={[
|
||||||
"BrightBytee Studios was born out of a spark of curiosity and creativity. Started by two 16-year-old friends, we build digital experiences that feel bright, bold, and unforgettable.", "Our mission is to democratize beautiful web design, making premium-quality website templates accessible to everyone in India — from solo entrepreneurs to growing businesses."
|
"BrightBytee Studios was born out of a spark of curiosity and creativity. Started by two 16-year-old friends, we build digital experiences that feel bright, bold, and unforgettable.", "Our mission is to democratize beautiful web design, making premium-quality website templates accessible to everyone in India — from solo entrepreneurs to growing businesses."
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="BrightBytee Studios"
|
logoText="BrightBytee Studios"
|
||||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
@@ -1,70 +1,79 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
|
import { useState } from "react";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
||||||
|
|
||||||
export default function AdminPage() {
|
export default function AdminPage() {
|
||||||
|
const [password, setPassword] = useState("");
|
||||||
|
const [isAuthenticated, setIsAuthenticated] = useState(false);
|
||||||
|
const [templates, setTemplates] = useState<any[]>([]);
|
||||||
|
|
||||||
|
const handleLogin = () => {
|
||||||
|
if (password === "Arshia@41010") {
|
||||||
|
setIsAuthenticated(true);
|
||||||
|
} else {
|
||||||
|
alert("Invalid password");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const addTemplate = () => {
|
||||||
|
setTemplates([...templates, { id: Date.now().toString(), name: "", description: "", price: "", free: false, image: "" }]);
|
||||||
|
};
|
||||||
|
|
||||||
|
const updateTemplate = (id: string, field: string, value: any) => {
|
||||||
|
setTemplates(templates.map(t => t.id === id ? { ...t, [field]: value } : t));
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="text-stagger"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
borderRadius="pill"
|
borderRadius="pill"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="circleGradient"
|
background="circleGradient"
|
||||||
cardStyle="glass-elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<NavbarStyleFullscreen
|
||||||
<div id="nav" data-section="nav">
|
navItems={[
|
||||||
<NavbarStyleFullscreen
|
{ name: "Home", id: "/" },
|
||||||
navItems={[
|
{ name: "Templates", id: "/templates" },
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Freebies", id: "/freebies" },
|
||||||
{ name: "Templates", id: "/templates" },
|
{ name: "About", id: "/about" },
|
||||||
{ name: "Freebies", id: "/freebies" },
|
{ name: "Admin", id: "/admin" },
|
||||||
{ name: "About", id: "/about" },
|
]}
|
||||||
{ name: "Admin", id: "/admin" },
|
brandName="BrightBytee Studios"
|
||||||
]}
|
/>
|
||||||
brandName="BrightBytee Studios"
|
<main className="pt-32 pb-20 px-6 container mx-auto">
|
||||||
/>
|
{!isAuthenticated ? (
|
||||||
</div>
|
<div className="max-w-md mx-auto bg-white/10 p-8 rounded-2xl backdrop-blur-md">
|
||||||
|
<h1 className="text-2xl mb-4">Admin Access</h1>
|
||||||
<div id="about" data-section="about">
|
<input type="password" value={password} onChange={(e) => setPassword(e.target.value)} className="w-full p-2 mb-4 rounded bg-white/5" placeholder="Password" />
|
||||||
<MediaAbout
|
<button onClick={handleLogin} className="w-full bg-primary text-white p-2 rounded">Login</button>
|
||||||
useInvertedBackground={false}
|
</div>
|
||||||
title="Admin Control Portal"
|
) : (
|
||||||
description="Securely manage templates, monitor sales, and view analytics for the entire studio ecosystem."
|
<div className="bg-white/10 p-8 rounded-2xl backdrop-blur-md">
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"
|
<div className="flex justify-between items-center mb-6">
|
||||||
/>
|
<h1 className="text-4xl font-bold">Admin Dashboard</h1>
|
||||||
</div>
|
<button onClick={addTemplate} className="bg-primary text-white px-6 py-2 rounded-full">+ Add Template</button>
|
||||||
|
</div>
|
||||||
<div id="pricing" data-section="pricing">
|
<div className="grid gap-6">
|
||||||
<PricingCardOne
|
{templates.map((t) => (
|
||||||
animationType="slide-up"
|
<div key={t.id} className="p-4 border rounded-xl flex gap-4 items-center">
|
||||||
textboxLayout="default"
|
<input placeholder="Title" value={t.name} onChange={(e) => updateTemplate(t.id, 'name', e.target.value)} className="bg-transparent border p-1 rounded" />
|
||||||
useInvertedBackground={false}
|
<input placeholder="Description" value={t.description} onChange={(e) => updateTemplate(t.id, 'description', e.target.value)} className="bg-transparent border p-1 rounded" />
|
||||||
title="Manage Operations"
|
<input placeholder="Price" disabled={t.free} value={t.price} onChange={(e) => updateTemplate(t.id, 'price', e.target.value)} className="bg-transparent border p-1 rounded w-20" />
|
||||||
description="Direct access to product lifecycle and customer support ticketing."
|
<label className="flex items-center gap-2"><input type="checkbox" checked={t.free} onChange={(e) => updateTemplate(t.id, 'free', e.target.checked)} /> Free</label>
|
||||||
plans={[
|
</div>
|
||||||
{ id: "a1", badge: "Analytics", price: "₹N/A", subtitle: "Live statistics", features: ["Sales Tracking", "Template Performance", "User Insights"] },
|
))}
|
||||||
{ id: "a2", badge: "Support", price: "₹N/A", subtitle: "Customer hub", features: ["Manage Tickets", "Refund Processing", "Priority Communications"] }
|
</div>
|
||||||
]}
|
</div>
|
||||||
/>
|
)}
|
||||||
</div>
|
</main>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterCard
|
|
||||||
logoText="BrightBytee Studios"
|
|
||||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -22,47 +22,49 @@ export default function FreebiesPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||||
<NavbarStyleFullscreen
|
<div id="nav" data-section="nav">
|
||||||
navItems={[
|
<NavbarStyleFullscreen
|
||||||
{ name: "Home", id: "/" },
|
navItems={[
|
||||||
{ name: "Templates", id: "/templates" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Freebies", id: "/freebies" },
|
{ name: "Templates", id: "/templates" },
|
||||||
{ name: "About", id: "/about" },
|
{ name: "Freebies", id: "/freebies" },
|
||||||
{ name: "Admin", id: "/admin" },
|
{ name: "About", id: "/about" },
|
||||||
]}
|
{ name: "Admin", id: "/admin" },
|
||||||
brandName="BrightBytee Studios"
|
]}
|
||||||
/>
|
brandName="BrightBytee Studios"
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<MediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Free Tools for Creators"
|
title="Free Tools for Creators"
|
||||||
description="Download our free templates and assets to jumpstart your creative journey today."
|
description="Download our free templates and assets to jumpstart your creative journey today."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardOne
|
<PricingCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Advanced Resource Packs"
|
title="Advanced Resource Packs"
|
||||||
description="Deep-dive into our premium code snippets and design systems."
|
description="Deep-dive into our premium code snippets and design systems."
|
||||||
plans={[
|
plans={[
|
||||||
{ id: "b1", badge: "Free", price: "₹0", subtitle: "Starter access", features: ["Limited Templates", "Basic Documentation"] },
|
{ id: "b1", badge: "Free", price: "₹0", subtitle: "Starter access", features: ["Limited Templates", "Basic Documentation"] },
|
||||||
{ id: "b2", badge: "Pro", price: "₹1,999", subtitle: "Full access", features: ["All Freebies", "Exclusive Video Guides", "Source Files"] }
|
{ id: "b2", badge: "Pro", price: "₹1,999", subtitle: "Full access", features: ["All Freebies", "Exclusive Video Guides", "Source Files"] }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="BrightBytee Studios"
|
logoText="BrightBytee Studios"
|
||||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
162
src/app/page.tsx
162
src/app/page.tsx
@@ -25,92 +25,94 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||||
<NavbarStyleFullscreen
|
<div id="nav" data-section="nav">
|
||||||
navItems={[
|
<NavbarStyleFullscreen
|
||||||
{ name: "Home", id: "/" },
|
navItems={[
|
||||||
{ name: "Templates", id: "/templates" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Freebies", id: "/freebies" },
|
{ name: "Templates", id: "/templates" },
|
||||||
{ name: "About", id: "/about" },
|
{ name: "Freebies", id: "/freebies" },
|
||||||
{ name: "Admin", id: "/admin" },
|
{ name: "About", id: "/about" },
|
||||||
]}
|
{ name: "Admin", id: "/admin" },
|
||||||
brandName="BrightBytee Studios"
|
]}
|
||||||
/>
|
brandName="BrightBytee Studios"
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="home-hero" data-section="home-hero">
|
<div id="home-hero" data-section="home-hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{ variant: "glowing-orb" }}
|
background={{ variant: "glowing-orb" }}
|
||||||
title="Bright Ideas, Powered by Bytes"
|
title="Bright Ideas, Powered by Bytes"
|
||||||
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
||||||
kpis={[
|
kpis={[
|
||||||
{ value: "500+", label: "Happy Customers" },
|
{ value: "500+", label: "Happy Customers" },
|
||||||
{ value: "15+", label: "Industries Covered" },
|
{ value: "15+", label: "Industries Covered" },
|
||||||
{ value: "24/7", label: "Instant Support" }
|
{ value: "24/7", label: "Instant Support" }
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwelve
|
<FeatureCardTwelve
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{ id: "f1", title: "Pixel-Perfect Design", label: "Design", items: ["Obsessive attention to detail", "Modern aesthetic", "Clean, efficient code"] },
|
{ id: "f1", title: "Pixel-Perfect Design", label: "Design", items: ["Obsessive attention to detail", "Modern aesthetic", "Clean, efficient code"] },
|
||||||
{ id: "f2", title: "Instant Delivery", label: "Delivery", items: ["No waiting time", "Secure downloads", "Productivity-focused"] },
|
{ id: "f2", title: "Instant Delivery", label: "Delivery", items: ["No waiting time", "Secure downloads", "Productivity-focused"] },
|
||||||
{ id: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
|
{ id: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
|
||||||
]}
|
]}
|
||||||
title="Why Choose BrightBytee"
|
title="Why Choose BrightBytee"
|
||||||
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ id: "m1", title: "Game Changer", quote: "The speed and quality of these templates saved us weeks of development.", name: "Aditya Rao", role: "Startup Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg" },
|
{ id: "m1", title: "Game Changer", quote: "The speed and quality of these templates saved us weeks of development.", name: "Aditya Rao", role: "Startup Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg" },
|
||||||
{ id: "m2", title: "Beautifully Built", quote: "Clean code and stunning UI, exactly what our agency needed.", name: "Priya Sharma", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg" },
|
{ id: "m2", title: "Beautifully Built", quote: "Clean code and stunning UI, exactly what our agency needed.", name: "Priya Sharma", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg" },
|
||||||
{ id: "m3", title: "Highly Recommended", quote: "Instant delivery and secure UPI payment made it hassle-free.", name: "Karan Mehra", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
|
{ id: "m3", title: "Highly Recommended", quote: "Instant delivery and secure UPI payment made it hassle-free.", name: "Karan Mehra", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
|
||||||
{ id: "m4", title: "Scalable Design", quote: "Perfect for our growing startup's web presence.", name: "Sneha Gupta", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg" },
|
{ id: "m4", title: "Scalable Design", quote: "Perfect for our growing startup's web presence.", name: "Sneha Gupta", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg" },
|
||||||
{ id: "m5", title: "Excellent Quality", quote: "Top tier design quality at a fraction of the cost.", name: "Rohan Deshmukh", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" }
|
{ id: "m5", title: "Excellent Quality", quote: "Top tier design quality at a fraction of the cost.", name: "Rohan Deshmukh", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" }
|
||||||
]}
|
]}
|
||||||
title="Voices of Our Community"
|
title="Voices of Our Community"
|
||||||
description="What entrepreneurs and developers say about our templates."
|
description="What entrepreneurs and developers say about our templates."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="socialProof" data-section="socialProof">
|
<div id="socialProof" data-section="socialProof">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Trusted By Innovators"
|
title="Trusted By Innovators"
|
||||||
description="Our templates are being used to build the future of Indian startups and beyond."
|
description="Our templates are being used to build the future of Indian startups and beyond."
|
||||||
names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
|
names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
title="Need Help or Have Questions?"
|
title="Need Help or Have Questions?"
|
||||||
description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
|
description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="BrightBytee Studios"
|
logoText="BrightBytee Studios"
|
||||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
@@ -22,57 +22,59 @@ export default function TemplatesPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||||
<NavbarStyleFullscreen
|
<div id="nav" data-section="nav">
|
||||||
navItems={[
|
<NavbarStyleFullscreen
|
||||||
{ name: "Home", id: "/" },
|
navItems={[
|
||||||
{ name: "Templates", id: "/templates" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Freebies", id: "/freebies" },
|
{ name: "Templates", id: "/templates" },
|
||||||
{ name: "About", id: "/about" },
|
{ name: "Freebies", id: "/freebies" },
|
||||||
{ name: "Admin", id: "/admin" },
|
{ name: "About", id: "/about" },
|
||||||
]}
|
{ name: "Admin", id: "/admin" },
|
||||||
brandName="BrightBytee Studios"
|
]}
|
||||||
/>
|
brandName="BrightBytee Studios"
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Featured Templates"
|
title="Featured Templates"
|
||||||
description="Unlock your brand potential with premium, pre-built solutions."
|
description="Unlock your brand potential with premium, pre-built solutions."
|
||||||
products={[
|
products={[
|
||||||
{ id: "p1", name: "SaaS Launchpad", price: "₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57029.jpg" },
|
{ id: "p1", name: "SaaS Launchpad", price: "₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57029.jpg" },
|
||||||
{ id: "p2", name: "Agency Portfolio", price: "₹2,200", imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg" },
|
{ id: "p2", name: "Agency Portfolio", price: "₹2,200", imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg" },
|
||||||
{ id: "p3", name: "Creative Agency Pro", price: "₹3,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320706.jpg" },
|
{ id: "p3", name: "Creative Agency Pro", price: "₹3,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320706.jpg" },
|
||||||
{ id: "p4", name: "Startup Boilerplate", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg" },
|
{ id: "p4", name: "Startup Boilerplate", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg" },
|
||||||
{ id: "p5", name: "E-Commerce Master", price: "₹4,000", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg" },
|
{ id: "p5", name: "E-Commerce Master", price: "₹4,000", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg" },
|
||||||
{ id: "p6", name: "Minimalist Studio", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" }
|
{ id: "p6", name: "Minimalist Studio", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardOne
|
<PricingCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Transparent Pricing"
|
title="Transparent Pricing"
|
||||||
description="Choose a plan that fits your business needs."
|
description="Choose a plan that fits your business needs."
|
||||||
plans={[
|
plans={[
|
||||||
{ id: "p1", badge: "Individual", price: "₹999", subtitle: "Perfect for beginners", features: ["Basic Support", "Lifetime Updates", "Single Project License"] },
|
{ id: "p1", badge: "Individual", price: "₹999", subtitle: "Perfect for beginners", features: ["Basic Support", "Lifetime Updates", "Single Project License"] },
|
||||||
{ id: "p2", badge: "Business", price: "₹2,499", subtitle: "For scaling teams", features: ["Priority Support", "Unlimited Updates", "Team Collaboration"] }
|
{ id: "p2", badge: "Business", price: "₹2,499", subtitle: "For scaling teams", features: ["Priority Support", "Unlimited Updates", "Team Collaboration"] }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="BrightBytee Studios"
|
logoText="BrightBytee Studios"
|
||||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user