Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -32,34 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Story",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Story", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "#templates",
|
||||
},
|
||||
name: "Templates", id: "#templates"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Your Project", href: "#contact"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1jmbby"
|
||||
logoAlt="A & J Web Studio Logo"
|
||||
brandName="A & J Web Studio"
|
||||
@@ -69,8 +55,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Need a Website? We'll Build Your Dream One"
|
||||
description="Professional, affordable custom websites by Aden & Jayden."
|
||||
tag="Available for New Projects"
|
||||
@@ -78,37 +63,16 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
{
|
||||
text: "Browse Templates",
|
||||
href: "#templates",
|
||||
},
|
||||
text: "Browse Templates", href: "#templates"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttxIXH07lWA1P/hf_20260508_215831_c6a8989c-d716-4d8d-8745-e972a2eec711.mp4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-smart-office-focuses-mockup-screen-dual-monitors_482257-118948.jpg",
|
||||
imageAlt: "Dynamic web development showcase",
|
||||
},
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttxIXH07lWA1P/hf_20260508_215831_c6a8989c-d716-4d8d-8745-e972a2eec711.mp4", imageSrc: "http://img.b2bpic.net/free-photo/developer-smart-office-focuses-mockup-screen-dual-monitors_482257-118948.jpg", imageAlt: "Dynamic web development showcase"},
|
||||
{
|
||||
imageSrc: "asset://hero-image",
|
||||
imageAlt: "Website UI design on a screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104519.jpg",
|
||||
imageAlt: "Web development process video",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-photo-editing-software-mockup-multi-monitors-setup_482257-122954.jpg",
|
||||
imageAlt: "Photographer using photo editing software on mockup multi monitors setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg",
|
||||
imageAlt: "Technology venture workspace using machine learning to streamline coding process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104519.jpg", imageAlt: "Website UI design on a screen"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -124,19 +88,13 @@ export default function LandingPage() {
|
||||
description="At A & J Web Studio, we transform your digital dreams into stunning, high-performance websites. Founded by Aden and Jayden, our studio is built on a passion for design, precision in development, and a commitment to client success. We believe in crafting unique online experiences that drive conversion and reflect your brand's true potential."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Experienced Professionals",
|
||||
description: "Years of expertise in crafting exceptional digital experiences.",
|
||||
icon: Users,
|
||||
title: "Experienced Professionals", description: "Years of expertise in crafting exceptional digital experiences.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Client-Centric Approach",
|
||||
description: "Your vision is our blueprint; we build with your goals in mind.",
|
||||
icon: Users,
|
||||
title: "Client-Centric Approach", description: "Your vision is our blueprint; we build with your goals in mind.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Innovative Solutions",
|
||||
description: "Leveraging the latest tech for websites that stand out.",
|
||||
icon: Lightbulb,
|
||||
title: "Innovative Solutions", description: "Leveraging the latest tech for websites that stand out.", icon: Lightbulb,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-having-conversation-with-work-colleague_273609-5112.jpg"
|
||||
@@ -152,19 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Custom Website Design & Development",
|
||||
"Search Engine Optimization (SEO) Ranking",
|
||||
"Streamlined Workflow Automation",
|
||||
"AI Integration & Smart Solutions",
|
||||
],
|
||||
"Custom Website Design & Development", "Search Engine Optimization (SEO) Ranking", "Streamlined Workflow Automation", "AI Integration & Smart Solutions"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Responsive & Mobile-First Design",
|
||||
"High-Performance & Fast Loading",
|
||||
"Secure & Scalable Architecture",
|
||||
"Intuitive User Experience (UX)",
|
||||
],
|
||||
"Responsive & Mobile-First Design", "High-Performance & Fast Loading", "Secure & Scalable Architecture", "Intuitive User Experience (UX)"],
|
||||
}}
|
||||
title="Transform Your Online Presence"
|
||||
description="From custom designs to intelligent automation, we provide end-to-end web solutions that propel your business forward."
|
||||
@@ -177,49 +127,20 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Elegance",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
|
||||
imageAlt: "Modern elegance website template",
|
||||
},
|
||||
id: "1", name: "Modern Elegance", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg", imageAlt: "Modern elegance website template"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Strictly Professional",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-banking-internet-finance-e-commerce_53876-16542.jpg",
|
||||
imageAlt: "Strictly professional website template",
|
||||
},
|
||||
id: "2", name: "Strictly Professional", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/online-banking-internet-finance-e-commerce_53876-16542.jpg", imageAlt: "Strictly professional website template"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fun & Playful",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-spotify-app_23-2147987852.jpg",
|
||||
imageAlt: "Fun and playful website template",
|
||||
},
|
||||
id: "3", name: "Fun & Playful", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-spotify-app_23-2147987852.jpg", imageAlt: "Fun and playful website template"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Feature-Rich Pro",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_23-2148609717.jpg",
|
||||
imageAlt: "Feature rich pro website template",
|
||||
},
|
||||
id: "4", name: "Feature-Rich Pro", price: "View Details", imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_23-2148609717.jpg", imageAlt: "Feature rich pro website template"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vintage Charm",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-typesetting-letters_23-2149430865.jpg",
|
||||
imageAlt: "Vintage charm website template",
|
||||
},
|
||||
id: "5", name: "Vintage Charm", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-typesetting-letters_23-2149430865.jpg", imageAlt: "Vintage charm website template"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Minimalist Focus",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/website-company-called-creative_125964-1390.jpg",
|
||||
imageAlt: "Minimalist focus website template",
|
||||
},
|
||||
id: "6", name: "Minimalist Focus", price: "View Details", imageSrc: "http://img.b2bpic.net/free-vector/website-company-called-creative_125964-1390.jpg", imageAlt: "Minimalist focus website template"},
|
||||
]}
|
||||
title="Explore Our Bespoke Template Styles"
|
||||
description="Discover a diverse range of design aesthetics, each crafted to reflect unique brand personalities and industry needs. Your perfect starting point awaits."
|
||||
@@ -233,43 +154,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Beginner",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$75/mo",
|
||||
subtitle: "Ideal for new ventures",
|
||||
features: [
|
||||
"1-page website",
|
||||
"Basic SEO setup",
|
||||
"Mobile responsive",
|
||||
"Email support",
|
||||
],
|
||||
id: "starter", badge: "Beginner", badgeIcon: Sparkles,
|
||||
price: "$75/mo", subtitle: "Ideal for new ventures", features: [
|
||||
"1-page website", "Basic SEO setup", "Mobile responsive", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "Growth",
|
||||
badgeIcon: Star,
|
||||
price: "$199/mo",
|
||||
subtitle: "For growing businesses",
|
||||
features: [
|
||||
"Up to 5 pages",
|
||||
"Advanced SEO",
|
||||
"CRM integration",
|
||||
"Priority support",
|
||||
],
|
||||
id: "professional", badge: "Growth", badgeIcon: Star,
|
||||
price: "$199/mo", subtitle: "For growing businesses", features: [
|
||||
"Up to 5 pages", "Advanced SEO", "CRM integration", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Crown,
|
||||
price: "$499/mo",
|
||||
subtitle: "Custom enterprise solutions",
|
||||
features: [
|
||||
"Unlimited pages",
|
||||
"Full AI automation",
|
||||
"Dedicated account manager",
|
||||
"24/7 VIP support",
|
||||
],
|
||||
id: "premium", badge: "Enterprise", badgeIcon: Crown,
|
||||
price: "$499/mo", subtitle: "Custom enterprise solutions", features: [
|
||||
"Unlimited pages", "Full AI automation", "Dedicated account manager", "24/7 VIP support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing, Exceptional Value"
|
||||
@@ -284,40 +181,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "A & J Web Studio brought my vision to life perfectly! The website is stunning, fast, and exactly what I needed to launch my startup. Incredible attention to detail and communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016706.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "A & J Web Studio brought my vision to life perfectly! The website is stunning, fast, and exactly what I needed to launch my startup. Incredible attention to detail and communication.", imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016706.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mike_c",
|
||||
testimonial: "Our new e-commerce site built by Aden and Jayden has significantly boosted our sales. The AI automation they integrated saves us hours every week. Truly game-changing service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-woman-office-with-laptop_23-2148908812.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mike_c", testimonial: "Our new e-commerce site built by Aden and Jayden has significantly boosted our sales. The AI automation they integrated saves us hours every week. Truly game-changing service!", imageSrc: "http://img.b2bpic.net/free-photo/pensive-woman-office-with-laptop_23-2148908812.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily_r",
|
||||
testimonial: "I'm thoroughly impressed with the SEO results from A & J Web Studio. Our organic traffic has doubled, and we're finally ranking for competitive keywords. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-barber-wearing-uniform-glasses-showing-credit-card-looking-camera-showing-ok-sign-isolated-blue-background_141793-138027.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emily_r", testimonial: "I'm thoroughly impressed with the SEO results from A & J Web Studio. Our organic traffic has doubled, and we're finally ranking for competitive keywords. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-barber-wearing-uniform-glasses-showing-credit-card-looking-camera-showing-ok-sign-isolated-blue-background_141793-138027.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@david_k",
|
||||
testimonial: "The team at A & J is simply the best. They listened to our needs and delivered a website that not only looks professional but also performs flawlessly. A true pleasure to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@david_k", testimonial: "The team at A & J is simply the best. They listened to our needs and delivered a website that not only looks professional but also performs flawlessly. A true pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessica_l",
|
||||
testimonial: "From concept to launch, A & J Web Studio exceeded all expectations. Their design aesthetic is modern, and their development quality is top-notch. Our clients love the new site!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-design-building-model-maquette-work-man-builder-working-with-digital-device-plan-construction-project-blueprints-urban-development_482257-27902.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jessica_l", testimonial: "From concept to launch, A & J Web Studio exceeded all expectations. Their design aesthetic is modern, and their development quality is top-notch. Our clients love the new site!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-design-building-model-maquette-work-man-builder-working-with-digital-device-plan-construction-project-blueprints-urban-development_482257-27902.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from satisfied clients who have transformed their online presence with A & J Web Studio's expertise and dedication."
|
||||
@@ -328,81 +200,55 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Ready to bring your vision to life? Get in touch with us for a personalized quote and let's start building your dream website today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote",
|
||||
href: "mailto:Aden.rhone2008@gmail.com",
|
||||
},
|
||||
text: "Get Your Free Quote", href: "mailto:Aden.rhone2008@gmail.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102971.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102971.jpg"
|
||||
videoAriaLabel="Abstract animated background for footer"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1jmbby"
|
||||
logoAlt="A & J Web Studio Logo"
|
||||
logoText="A & J Web Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Custom Websites",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Custom Websites", href: "#services"},
|
||||
{
|
||||
label: "SEO Ranking",
|
||||
href: "#services",
|
||||
},
|
||||
label: "SEO Ranking", href: "#services"},
|
||||
{
|
||||
label: "AI Automation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "AI Automation", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Templates",
|
||||
href: "#templates",
|
||||
},
|
||||
label: "Our Templates", href: "#templates"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:Aden.rhone2008@gmail.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:Aden.rhone2008@gmail.com"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:979-264-6777",
|
||||
},
|
||||
label: "Call Us", href: "tel:979-264-6777"},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 A & J Web Studio. All rights reserved."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102971.jpg?_wi=2"
|
||||
imageAlt="abstract animated background loop"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user