+ Website generated by DeepSeek from prompt: 用V0生成一个殡葬业务获客宣传落地页，页面大气美观，有良好的动态效果，适配移动端呈现，以中文呈现

+

+

+

+

+

+

+

Our Services

+

+

+

+

+

About Us

+

At Eternal Care, we understand the importance of honoring your loved ones with dignity and respect. Our compassionate team is here to guide you through every step of the process.

+

+

+

+

Contact us today to learn more about our services.

+ Email Us

+

+ buildHtml

+ baseUrl https://eternalcare.scroll.pub

+ metaTags

+ editButton /edit.html

+ title Eternal Care - Compassionate Funeral Services

+ style.css

+ body.html

+ script.js

+ {

+ "id": "ee54e9ce-28ed-472d-bbb3-680e5a1810a8",

+ "object": "chat.completion",

+ "created": 1735881988,

+ "model": "deepseek-chat",

+ "choices": [

+ {

+ "index": 0,

+ "message": {

+ "role": "assistant",

+ "content": "---domain---\neternalcare.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://eternalcare.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Eternal Care - Compassionate Funeral Services\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n

\n

\n

Eternal Care

\n

Compassionate Funeral Services for Your Loved Ones

\n Explore Our Services\n

\n

\n

\n\n

\n

Our Services

\n

\n

\n

Funeral Planning

\n

Personalized and dignified funeral arrangements.

\n

\n

\n

Memorial Services

\n

Honoring the memory of your loved ones.

\n

\n

\n

Cremation Services

\n

Respectful and eco-friendly cremation options.

\n

\n

\n

\n\n

\n

About Us

\n

At Eternal Care, we understand the importance of honoring your loved ones with dignity and respect. Our compassionate team is here to guide you through every step of the process.

\n

\n\n\n\n---style.css---\n:root {\n --primary-color: #2c3e50;\n --secondary-color: #34495e;\n --accent-color: #e67e22;\n --text-color: #ecf0f1;\n --background-color: #1a1a1a;\n}\n\nbody {\n margin: 0;\n font-family: 'Arial', sans-serif;\n color: var(--text-color);\n background-color: var(--background-color);\n line-height: 1.6;\n}\n\n.hero {\n height: 100vh;\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('background.jpg');\n background-size: cover;\n background-position: center;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.hero-content {\n max-width: 800px;\n padding: 20px;\n}\n\n.hero h1 {\n font-size: 4rem;\n margin-bottom: 20px;\n animation: fadeIn 2s ease-in-out;\n}\n\n.hero p {\n font-size: 1.5rem;\n margin-bottom: 40px;\n animation: fadeIn 3s ease-in-out;\n}\n\n.cta-button {\n padding: 15px 30px;\n background-color: var(--accent-color);\n color: var(--text-color);\n text-decoration: none;\n border-radius: 5px;\n font-size: 1.2rem;\n transition: background-color 0.3s ease;\n}\n\n.cta-button:hover {\n background-color: #d35400;\n}\n\n.scroll-indicator {\n position: absolute;\n bottom: 20px;\n width: 30px;\n height: 50px;\n border: 2px solid var(--text-color);\n border-radius: 25px;\n animation: bounce 2s infinite;\n}\n\n.scroll-indicator::before {\n content: '';\n position: absolute;\n top: 10px;\n left: 50%;\n width: 6px;\n height: 6px;\n background: var(--text-color);\n border-radius: 50%;\n transform: translateX(-50%);\n animation: scroll 2s infinite;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-30px); }\n 60% { transform: translateY(-15px); }\n}\n\n@keyframes scroll {\n 0% { top: 10px; opacity: 1; }\n 100% { top: 30px; opacity: 0; }\n}\n\n.services-section {\n padding: 60px 20px;\n background-color: var(--secondary-color);\n text-align: center;\n}\n\n.services-section h2 {\n font-size: 2.5rem;\n margin-bottom: 40px;\n}\n\n.service-cards {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n}\n\n.card {\n background-color: var(--primary-color);\n padding: 20px;\n border-radius: 10px;\n width: 30%;\n margin: 10px;\n transition: transform 0.3s ease;\n}\n\n.card:hover {\n transform: translateY(-10px);\n}\n\n.card h3 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n}\n\n.card p {\n font-size: 1rem;\n}\n\n.about-section {\n padding: 60px 20px;\n text-align: center;\n}\n\n.about-section h2 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n}\n\n.about-section p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\nfooter {\n padding: 40px 20px;\n background-color: var(--primary-color);\n text-align: center;\n}\n\nfooter p {\n font-size: 1.2rem;\n margin-bottom: 20px;\n}\n\n@media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero p {\n font-size: 1.2rem;\n }\n\n .service-cards {\n flex-direction: column;\n }\n\n .card {\n width: 100%;\n margin: 10px 0;\n }\n}\n\n---script.js---\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n});\n\n// Fade-in animation for sections\nconst sections = document.querySelectorAll('section');\n\nconst observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n}, {\n threshold: 0.1\n});\n\nsections.forEach(section => {\n observer.observe(section);\n});\n\n---end---"

+ },

+ "logprobs": null,

+ "finish_reason": "stop"

+ }

+ ],

+ "usage": {

+ "prompt_tokens": 261,

+ "completion_tokens": 1573,

+ "total_tokens": 1834,

+ "prompt_cache_hit_tokens": 0,

+ "prompt_cache_miss_tokens": 261

+ },

+ "system_fingerprint": "fp_3a5770e1b4"

+ }

+ # eternalcare.scroll.pub

+ Website generated by DeepSeek from prompt: 用V0生成一个殡葬业务获客宣传落地页，页面大气美观，有良好的动态效果，适配移动端呈现

+ // Smooth scrolling for anchor links

+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {

+ anchor.addEventListener('click', function (e) {

+ e.preventDefault();

+ document.querySelector(this.getAttribute('href')).scrollIntoView({

+ behavior: 'smooth'

+ });

+ });

+ });

+

+ // Fade-in animation for sections

+ const sections = document.querySelectorAll('section');

+

+ const observer = new IntersectionObserver(entries => {

+ entries.forEach(entry => {

+ if (entry.isIntersecting) {

+ entry.target.classList.add('fade-in');

+ }

+ });

+ }, {

+ threshold: 0.1

+ });

+

+ sections.forEach(section => {

+ observer.observe(section);

+ });

+ :root {

+ --primary-color: #2c3e50;

+ --secondary-color: #34495e;

+ --accent-color: #e67e22;

+ --text-color: #ecf0f1;

+ --background-color: #1a1a1a;

+ }

+

+ body {

+ margin: 0;

+ font-family: 'Arial', sans-serif;

+ color: var(--text-color);

+ background-color: var(--background-color);

+ line-height: 1.6;

+ }

+

+ .hero {

+ height: 100vh;

+ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('background.jpg');

+ background-size: cover;

+ background-position: center;

+ display: flex;

+ justify-content: center;

+ align-items: center;

+ text-align: center;

+ }

+

+ .hero-content {

+ max-width: 800px;

+ padding: 20px;

+ }

+

+ .hero h1 {

+ font-size: 4rem;

+ margin-bottom: 20px;

+ animation: fadeIn 2s ease-in-out;

+ }

+

+ .hero p {

+ font-size: 1.5rem;

+ margin-bottom: 40px;

+ animation: fadeIn 3s ease-in-out;

+ }

+

+ .cta-button {

+ padding: 15px 30px;

+ background-color: var(--accent-color);

+ color: var(--text-color);

+ text-decoration: none;

+ border-radius: 5px;

+ font-size: 1.2rem;

+ transition: background-color 0.3s ease;

+ }

+

+ .cta-button:hover {

+ background-color: #d35400;

+ }

+

+ .scroll-indicator {

+ position: absolute;

+ bottom: 20px;

+ width: 30px;

+ height: 50px;

+ border: 2px solid var(--text-color);

+ border-radius: 25px;

+ animation: bounce 2s infinite;

+ }

+

+ .scroll-indicator::before {

+ content: '';

+ position: absolute;

+ top: 10px;

+ left: 50%;

+ width: 6px;

+ height: 6px;

+ background: var(--text-color);

+ border-radius: 50%;

+ transform: translateX(-50%);

+ animation: scroll 2s infinite;

+ }

+

+ @keyframes fadeIn {

+ from { opacity: 0; }

+ to { opacity: 1; }

+ }

+

+ @keyframes bounce {

+ 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }

+ 40% { transform: translateY(-30px); }

+ 60% { transform: translateY(-15px); }

+ }

+

+ @keyframes scroll {

+ 0% { top: 10px; opacity: 1; }

+ 100% { top: 30px; opacity: 0; }

+ }

+

+ .services-section {

+ padding: 60px 20px;

+ background-color: var(--secondary-color);

+ text-align: center;

+ }

+

+ .services-section h2 {

+ font-size: 2.5rem;

+ margin-bottom: 40px;

+ }

+

+ .service-cards {

+ display: flex;

+ justify-content: space-around;

+ flex-wrap: wrap;

+ }

+

+ .card {

+ background-color: var(--primary-color);

+ padding: 20px;

+ border-radius: 10px;

+ width: 30%;

+ margin: 10px;

+ transition: transform 0.3s ease;

+ }

+

+ .card:hover {

+ transform: translateY(-10px);

+ }

+

+ .card h3 {

+ font-size: 1.5rem;

+ margin-bottom: 10px;

+ }

+

+ .card p {

+ font-size: 1rem;

+ }

+

+ .about-section {

+ padding: 60px 20px;

+ text-align: center;

+ }

+

+ .about-section h2 {

+ font-size: 2.5rem;

+ margin-bottom: 20px;

+ }

+

+ .about-section p {

+ font-size: 1.2rem;

+ max-width: 800px;

+ margin: 0 auto;

+ }

+

+ footer {

+ padding: 40px 20px;

+ background-color: var(--primary-color);

+ text-align: center;

+ }

+

+ footer p {

+ font-size: 1.2rem;

+ margin-bottom: 20px;

+ }

+

+ @media (max-width: 768px) {

+ .hero h1 {

+ font-size: 3rem;

+ }

+

+ .hero p {

+ font-size: 1.2rem;

+ }

+

+ .service-cards {

+ flex-direction: column;

+ }

+

+ .card {

+ width: 100%;

+ margin: 10px 0;

+ }

+ }