Merge version_2 into main #2
@@ -7,36 +7,23 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const raleway = Raleway({
|
||||
variable: "--font-raleway",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-raleway", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Studio DH | Custom Personalized Songs for Every Moment",
|
||||
description: "Turn your memories into personalized music. Custom songs created for weddings, anniversaries, gifts & special moments in any music style.",
|
||||
keywords: "custom songs, personalized music, music creation, wedding songs, anniversary gifts, emotional music",
|
||||
openGraph: {
|
||||
title: "Studio DH | Custom Personalized Songs",
|
||||
description: "Transform your story into a personalized song. Created just for your special moments.",
|
||||
siteName: "Studio DH",
|
||||
type: "website",
|
||||
},
|
||||
title: "Studio DH | Custom Personalized Songs for Every Moment", description: "Turn your memories into personalized music. Custom songs created for weddings, anniversaries, gifts & special moments in any music style.", keywords: "custom songs, personalized music, music creation, wedding songs, anniversary gifts, emotional music", openGraph: {
|
||||
title: "Studio DH | Custom Personalized Songs", description: "Transform your story into a personalized song. Created just for your special moments.", siteName: "Studio DH", type: "website"},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Studio DH | Custom Personalized Songs",
|
||||
description: "Turn your memories into music",
|
||||
},
|
||||
card: "summary_large_image", title: "Studio DH | Custom Personalized Songs", description: "Turn your memories into music"},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
@@ -1427,4 +1414,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
203
src/app/page.tsx
203
src/app/page.tsx
@@ -59,49 +59,29 @@ export default function HomePage() {
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-guitar-looking-his-wife_23-2148352179.jpg?_wi=1",
|
||||
imageAlt: "Professional music studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-guitar-looking-his-wife_23-2148352179.jpg?_wi=1", imageAlt: "Professional music studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heterosexual-male-relaxing-joy-woman_1153-2191.jpg?_wi=1",
|
||||
imageAlt: "Romantic moment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heterosexual-male-relaxing-joy-woman_1153-2191.jpg?_wi=1", imageAlt: "Romantic moment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-drum-pad-machine-beats-sound-design-wooden-table_181624-58461.jpg?_wi=1",
|
||||
imageAlt: "Music production",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-drum-pad-machine-beats-sound-design-wooden-table_181624-58461.jpg?_wi=1", imageAlt: "Music production"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-guitar-looking-his-wife_23-2148352179.jpg?_wi=2",
|
||||
imageAlt: "Studio ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-guitar-looking-his-wife_23-2148352179.jpg?_wi=2", imageAlt: "Studio ambiance"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heterosexual-male-relaxing-joy-woman_1153-2191.jpg?_wi=2",
|
||||
imageAlt: "Wedding celebration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heterosexual-male-relaxing-joy-woman_1153-2191.jpg?_wi=2", imageAlt: "Wedding celebration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-drum-pad-machine-beats-sound-design-wooden-table_181624-58461.jpg?_wi=2",
|
||||
imageAlt: "Music creation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-drum-pad-machine-beats-sound-design-wooden-table_181624-58461.jpg?_wi=2", imageAlt: "Music creation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-guitar-looking-his-wife_23-2148352179.jpg?_wi=3",
|
||||
imageAlt: "Studio environment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-guitar-looking-his-wife_23-2148352179.jpg?_wi=3", imageAlt: "Studio environment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heterosexual-male-relaxing-joy-woman_1153-2191.jpg?_wi=3",
|
||||
imageAlt: "Emotional moment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heterosexual-male-relaxing-joy-woman_1153-2191.jpg?_wi=3", imageAlt: "Emotional moment"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Create My Song",
|
||||
href: "/create",
|
||||
},
|
||||
text: "Create My Song", href: "/create"},
|
||||
{
|
||||
text: "Listen to Examples",
|
||||
href: "#gallery",
|
||||
},
|
||||
text: "Listen to Examples", href: "#gallery"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
@@ -133,34 +113,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pop Love Story",
|
||||
price: "Listen",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-equalizer-wave-background_23-2148442904.jpg?_wi=2",
|
||||
imageAlt: "Pop love story song",
|
||||
},
|
||||
id: "1", name: "Pop Love Story", price: "Listen", imageSrc: "http://img.b2bpic.net/free-vector/colorful-equalizer-wave-background_23-2148442904.jpg?_wi=2", imageAlt: "Pop love story song"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cinematic Epic",
|
||||
price: "Watch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sport-news-with-man-recording_23-2149900290.jpg?_wi=1",
|
||||
imageAlt: "Cinematic epic music video",
|
||||
},
|
||||
id: "2", name: "Cinematic Epic", price: "Watch", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sport-news-with-man-recording_23-2149900290.jpg?_wi=1", imageAlt: "Cinematic epic music video"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emotional Journey",
|
||||
price: "Discover",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/house-warming-party-template_23-2151389841.jpg?_wi=1",
|
||||
imageAlt: "Emotional journey artwork",
|
||||
},
|
||||
id: "3", name: "Emotional Journey", price: "Discover", imageSrc: "http://img.b2bpic.net/free-psd/house-warming-party-template_23-2151389841.jpg?_wi=1", imageAlt: "Emotional journey artwork"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Your Song",
|
||||
href: "/create",
|
||||
},
|
||||
text: "Create Your Song", href: "/create"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -168,63 +131,52 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about creating your personalized song."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does it take to create my song?", content: "Most custom songs are completed within 5-10 business days. We offer expedited delivery options if you need your song sooner."},
|
||||
{
|
||||
id: "2", title: "Can I request specific lyrics or themes?", content: "Absolutely! You can share names, inside jokes, memorable moments, and specific themes you want included in your song. Our composers will weave your story into every verse."},
|
||||
{
|
||||
id: "3", title: "What music styles are available?", content: "We offer Pop, Rap, Romantic, Trap, Emotional, Cinematic, and many other styles. You can choose or mix styles based on your preference."},
|
||||
{
|
||||
id: "4", title: "Can I choose between male, female, or duet vocals?", content: "Yes! You can select male, female, or duet vocals based on your vision. Each option includes a professional vocalist suited to your chosen style."},
|
||||
{
|
||||
id: "5", title: "What happens after I place an order?", content: "You'll receive a confirmation email with your order details and a secure dashboard link. You can track progress, communicate with our team, and receive your final song directly."},
|
||||
{
|
||||
id: "6", title: "Can I use my song commercially?", content: "Personal use is included with all packages. Commercial licensing options are available. Contact us for details on licensing for your specific use case."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Bride",
|
||||
company: "Wedding 2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Bride", company: "Wedding 2024", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Groom",
|
||||
company: "Anniversary Gift",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Groom", company: "Anniversary Gift", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=1", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Sister",
|
||||
company: "Birthday Surprise",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Sister", company: "Birthday Surprise", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg?_wi=1", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Best Friend",
|
||||
company: "Friendship Song",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-spectacles-fashion-male-posing-studio-near-blue-wall-looking-camera-glasses_158538-21056.jpg?_wi=1",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Best Friend", company: "Friendship Song", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-spectacles-fashion-male-posing-studio-near-blue-wall-looking-camera-glasses_158538-21056.jpg?_wi=1", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Martinez",
|
||||
role: "Partner",
|
||||
company: "Love Declaration",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg?_wi=1",
|
||||
imageAlt: "Jessica Martinez",
|
||||
},
|
||||
id: "5", name: "Jessica Martinez", role: "Partner", company: "Love Declaration", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg?_wi=1", imageAlt: "Jessica Martinez"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
role: "Father",
|
||||
company: "Graduation Song",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-dark-shirt-shows-thumbs-up_197531-26812.jpg?_wi=1",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", role: "Father", company: "Graduation Song", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-dark-shirt-shows-thumbs-up_197531-26812.jpg?_wi=1", imageAlt: "James Wilson"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Real stories from people who've experienced the magic of their personalized songs."
|
||||
@@ -238,49 +190,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about creating your personalized song."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does it take to create my song?",
|
||||
content: "Most custom songs are completed within 5-10 business days. We offer expedited delivery options if you need your song sooner.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I request specific lyrics or themes?",
|
||||
content: "Absolutely! You can share names, inside jokes, memorable moments, and specific themes you want included in your song. Our composers will weave your story into every verse.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What music styles are available?",
|
||||
content: "We offer Pop, Rap, Romantic, Trap, Emotional, Cinematic, and many other styles. You can choose or mix styles based on your preference.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I choose between male, female, or duet vocals?",
|
||||
content: "Yes! You can select male, female, or duet vocals based on your vision. Each option includes a professional vocalist suited to your chosen style.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What happens after I place an order?",
|
||||
content: "You'll receive a confirmation email with your order details and a secure dashboard link. You can track progress, communicate with our team, and receive your final song directly.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I use my song commercially?",
|
||||
content: "Personal use is included with all packages. Commercial licensing options are available. Contact us for details on licensing for your specific use case.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactSplit
|
||||
tag="Ready to Begin"
|
||||
@@ -304,15 +213,11 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Studio DH"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user