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"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet The Visionaries"
|
||||
description="Young innovators on a mission to reshape digital design."
|
||||
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: "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 id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet The Visionaries"
|
||||
description="Young innovators on a mission to reshape digital design."
|
||||
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: "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 id="about-studio" data-section="about-studio">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The BryteBytee Story"
|
||||
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."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-studio" data-section="about-studio">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The BryteBytee Story"
|
||||
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."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,70 +1,79 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
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 PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Admin Control Portal"
|
||||
description="Securely manage templates, monitor sales, and view analytics for the entire studio ecosystem."
|
||||
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>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Manage Operations"
|
||||
description="Direct access to product lifecycle and customer support ticketing."
|
||||
plans={[
|
||||
{ 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 id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
<main className="pt-32 pb-20 px-6 container mx-auto">
|
||||
{!isAuthenticated ? (
|
||||
<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>
|
||||
<input type="password" value={password} onChange={(e) => setPassword(e.target.value)} className="w-full p-2 mb-4 rounded bg-white/5" placeholder="Password" />
|
||||
<button onClick={handleLogin} className="w-full bg-primary text-white p-2 rounded">Login</button>
|
||||
</div>
|
||||
) : (
|
||||
<div className="bg-white/10 p-8 rounded-2xl backdrop-blur-md">
|
||||
<div className="flex justify-between items-center mb-6">
|
||||
<h1 className="text-4xl font-bold">Admin Dashboard</h1>
|
||||
<button onClick={addTemplate} className="bg-primary text-white px-6 py-2 rounded-full">+ Add Template</button>
|
||||
</div>
|
||||
<div className="grid gap-6">
|
||||
{templates.map((t) => (
|
||||
<div key={t.id} className="p-4 border rounded-xl flex gap-4 items-center">
|
||||
<input placeholder="Title" value={t.name} onChange={(e) => updateTemplate(t.id, 'name', e.target.value)} className="bg-transparent border p-1 rounded" />
|
||||
<input placeholder="Description" value={t.description} onChange={(e) => updateTemplate(t.id, 'description', e.target.value)} className="bg-transparent border p-1 rounded" />
|
||||
<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" />
|
||||
<label className="flex items-center gap-2"><input type="checkbox" checked={t.free} onChange={(e) => updateTemplate(t.id, 'free', e.target.checked)} /> Free</label>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</main>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -22,47 +22,49 @@ export default function FreebiesPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Free Tools for Creators"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Free Tools for Creators"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Resource Packs"
|
||||
description="Deep-dive into our premium code snippets and design systems."
|
||||
plans={[
|
||||
{ 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"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Resource Packs"
|
||||
description="Deep-dive into our premium code snippets and design systems."
|
||||
plans={[
|
||||
{ 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"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
164
src/app/page.tsx
164
src/app/page.tsx
@@ -25,94 +25,96 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Bright Ideas, Powered by Bytes"
|
||||
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Happy Customers" },
|
||||
{ value: "15+", label: "Industries Covered" },
|
||||
{ value: "24/7", label: "Instant Support" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Bright Ideas, Powered by Bytes"
|
||||
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Happy Customers" },
|
||||
{ value: "15+", label: "Industries Covered" },
|
||||
{ value: "24/7", label: "Instant Support" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ 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: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
|
||||
]}
|
||||
title="Why Choose BrightBytee"
|
||||
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ 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: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
|
||||
]}
|
||||
title="Why Choose BrightBytee"
|
||||
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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: "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" }
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What entrepreneurs and developers say about our templates."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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: "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" }
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What entrepreneurs and developers say about our templates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Innovators"
|
||||
description="Our templates are being used to build the future of Indian startups and beyond."
|
||||
names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Innovators"
|
||||
description="Our templates are being used to build the future of Indian startups and beyond."
|
||||
names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Help or Have Questions?"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Help or Have Questions?"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,57 +22,59 @@ export default function TemplatesPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Templates"
|
||||
description="Unlock your brand potential with premium, pre-built solutions."
|
||||
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: "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: "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: "p6", name: "Minimalist Studio", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Templates"
|
||||
description="Unlock your brand potential with premium, pre-built solutions."
|
||||
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: "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: "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: "p6", name: "Minimalist Studio", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Pricing"
|
||||
description="Choose a plan that fits your business needs."
|
||||
plans={[
|
||||
{ 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"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Pricing"
|
||||
description="Choose a plan that fits your business needs."
|
||||
plans={[
|
||||
{ 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"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user